diff --git a/app/App.scss b/app/App.scss index 3861aaa..57b53ac 100644 --- a/app/App.scss +++ b/app/App.scss @@ -1,4 +1,5 @@ @import "assets/sass/sidebar"; +@import "assets/sass/form"; @import "assets/sass/main"; diff --git a/app/assets/sass/form.scss b/app/assets/sass/form.scss new file mode 100644 index 0000000..a6754b6 --- /dev/null +++ b/app/assets/sass/form.scss @@ -0,0 +1,15 @@ +.p-formkit-data-view { + .formkit-form { + .formkit-outer { + padding-bottom: 0.8rem; + } + + &.form-horizontal { + padding-bottom: 1.2rem; + } + + .formkit-help { + margin: 0; + } + } +} \ No newline at end of file diff --git a/app/composables/navigation.ts b/app/composables/navigation.ts index c1501bb..e4b48ae 100644 --- a/app/composables/navigation.ts +++ b/app/composables/navigation.ts @@ -17,7 +17,14 @@ export function useNavigationMenu() { child: [ { href: '/prime/datatable', title: 'DataTable' }, { href: '/prime/messages', title: 'Messages' }, - { href: '/prime/Validation', title: 'Validation' }, + ], + }, + { + title: 'Forms', + icon: 'pi pi-check-square', + child: [ + { href: '/form', title: 'Basic' }, + { href: '/form/toggle', title: 'Edit / View' }, ], }, { diff --git a/app/pages/prime/validation.vue b/app/pages/form/index.vue similarity index 99% rename from app/pages/prime/validation.vue rename to app/pages/form/index.vue index 5988e77..5a0988e 100644 --- a/app/pages/prime/validation.vue +++ b/app/pages/form/index.vue @@ -128,7 +128,7 @@ async function submitHandler() {