feat: changes to form design

packages/base/Configuration/Ext/Form/Yaml/Setup.yaml

@@ -13,6 +13,7 @@ TYPO3:
                 -
                   renderingOptions:
                     formNavigation:
+                      navigationClassAttribute: 'form-navigation text-right'
                       btnNextClassAttribute: 'btn btn-primary'
                       btnPreviousClassAttribute: 'btn btn-outline btn-primary'
                       btnSubmitClassAttribute: 'btn btn-primary'
@@ -44,7 +45,7 @@ TYPO3:
                 -
                   properties:
                     containerClassAttribute: 'form-control form-element-checkbox mb-4'
-                    elementClassAttribute: 'checkbox'
+                    elementClassAttribute: 'checkbox border border-primary'
                     labelTextClassAttribute: 'label-text'
                     labelClassAttribute: 'label cursor-pointer justify-start gap-2'
             ContentElement:
@@ -147,7 +148,7 @@ TYPO3:
                   properties:
                     fieldsetClassAttribute: 'mb-4 [&>legend]:label [&>legend]:label-text [&>legend]:justify-start'
                     containerClassAttribute: 'form-control form-element-radio'
-                    elementClassAttribute: 'radio'
+                    elementClassAttribute: 'radio border border-primary'
                     labelTextClassAttribute: 'label-text'
                     labelClassAttribute: 'label cursor-pointer justify-start gap-2'
             Telephone:

packages/base/Resources/Public/Scss/components/form.scss

@@ -0,0 +1,3 @@
+.frame-type-form_formframework {
+  @apply py-16;
+}

packages/base/Resources/Public/Scss/main.scss

@@ -15,5 +15,6 @@
 /* @import "components/news_detail"; */
 /* @import 'components/footer'; */
 @import 'components/buttons';
+@import 'components/form';
 @import 'layouts/home-page';