From b009ac845fd7053436ec99cdd9d06a3743ac5ceb Mon Sep 17 00:00:00 2001 From: florianfederspiel Date: Sat, 21 Mar 2026 21:13:22 +0100 Subject: [PATCH] Start UI Change --- frontend/app.config.ts | 8 +- frontend/assets/css/main.css | 26 + frontend/components/ArchiveButton.vue | 4 +- .../components/BankAccountAssignInput.vue | 2 +- frontend/components/ButtonWithConfirm.vue | 56 +- frontend/components/Calculator.vue | 11 +- frontend/components/DocumentDisplayModal.vue | 8 +- frontend/components/DocumentUploadModal.vue | 142 +- frontend/components/EntityList.vue | 4 +- frontend/components/EntityShowSub.vue | 2 +- .../EntityShowSubCreatedDocuments.vue | 2 +- frontend/components/EntityShowSubFiles.vue | 2 +- .../EntityShowSubOwnAccountsStatements.vue | 2 +- frontend/components/EntityShowSubPhases.vue | 10 +- frontend/components/EntityShowSubTimes.vue | 2 +- frontend/components/EntityTable.vue | 3 +- frontend/components/GlobalMessages.vue | 26 +- frontend/components/GlobalSearch.vue | 18 +- frontend/components/HelpSlideover.vue | 173 +- frontend/components/HistoryDisplay.vue | 52 +- frontend/components/LabelPrintModal.vue | 6 +- frontend/components/LabelPrinterButton.vue | 34 +- frontend/components/MainNav.vue | 164 +- .../components/NotificationsSlideover.vue | 46 +- frontend/components/SessionRefreshModal.vue | 44 +- frontend/components/StaffTimeEntryModal.vue | 2 +- frontend/components/StandardEntityModal.vue | 56 +- frontend/components/TenantDropdown.vue | 62 +- frontend/components/UserDropdown.vue | 6 +- .../components/copyCreatedDocumentModal.vue | 4 +- frontend/components/displayOpenTasks.vue | 2 +- .../mobile/FloatingActionButton.vue | 13 +- frontend/components/wiki/WikiEditor.vue | 94 +- frontend/components/wiki/WikiEntityWidget.vue | 4 +- frontend/composables/useTableColumns.ts | 28 + frontend/layouts/default.vue | 61 +- frontend/nuxt.config.ts | 12 +- frontend/package-lock.json | 3506 ++++++++++------- frontend/package.json | 3 +- frontend/pages/accounting/tax.vue | 2 +- frontend/pages/accounts/index.vue | 4 +- frontend/pages/accounts/show/[id].vue | 4 +- frontend/pages/banking/index.vue | 2 +- frontend/pages/createDocument/edit/[[id]].vue | 16 +- frontend/pages/createDocument/index.vue | 2 +- .../pages/createDocument/serialInvoice.vue | 8 +- frontend/pages/export/index.vue | 8 +- frontend/pages/files/index.vue | 4 +- frontend/pages/incomingInvoices/index.vue | 2 +- frontend/pages/index.client.vue | 102 +- frontend/pages/organisation/plantafel.vue | 2 +- frontend/pages/projecttypes/[mode]/[[id]].vue | 4 +- frontend/pages/projecttypes/index.vue | 4 +- frontend/pages/settings/admin.vue | 10 +- frontend/pages/settings/banking/index.vue | 6 +- .../pages/settings/emailaccounts/index.vue | 28 +- frontend/pages/settings/texttemplates.vue | 6 +- frontend/pages/staff/profiles/index.vue | 4 +- frontend/pages/staff/time/[id]/evaluate.vue | 6 +- frontend/pages/staff/time/index.vue | 8 +- .../pages/standardEntity/[type]/index.vue | 6 +- frontend/pages/support/[id].vue | 2 +- frontend/pages/support/index.vue | 2 +- frontend/pages/tasks/index.vue | 5 +- frontend/pages/wiki/[[id]].vue | 4 +- 65 files changed, 2837 insertions(+), 2114 deletions(-) create mode 100644 frontend/assets/css/main.css create mode 100644 frontend/composables/useTableColumns.ts diff --git a/frontend/app.config.ts b/frontend/app.config.ts index 76534af..d3e6096 100644 --- a/frontend/app.config.ts +++ b/frontend/app.config.ts @@ -1,7 +1,9 @@ export default defineAppConfig({ ui: { - primary: 'green', - gray: 'slate', + colors: { + primary: 'green', + neutral: 'slate' + }, tooltip: { background: '!bg-background' }, @@ -35,4 +37,4 @@ export default defineAppConfig({ } } } -}) \ No newline at end of file +}) diff --git a/frontend/assets/css/main.css b/frontend/assets/css/main.css new file mode 100644 index 0000000..11ea058 --- /dev/null +++ b/frontend/assets/css/main.css @@ -0,0 +1,26 @@ +@import "tailwindcss"; +@import "@nuxt/ui-pro"; + +@theme static { + --font-sans: "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + --font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, "Liberation Mono", Menlo, monospace; + --color-green-50: #f4fbf2; + --color-green-100: #e7f7e1; + --color-green-200: #cdeec4; + --color-green-300: #a6e095; + --color-green-400: #69c350; + --color-green-500: #53ad3a; + --color-green-600: #418e2b; + --color-green-700: #357025; + --color-green-800: #2d5922; + --color-green-900: #254a1d; + --color-green-950: #10280b; +} + +:root { + --ui-container: 90rem; +} + +body { + font-family: var(--font-sans); +} diff --git a/frontend/components/ArchiveButton.vue b/frontend/components/ArchiveButton.vue index 693ac37..4116419 100644 --- a/frontend/components/ArchiveButton.vue +++ b/frontend/components/ArchiveButton.vue @@ -38,7 +38,7 @@ const emitConfirm = () => { > Archivieren - + \ No newline at end of file + diff --git a/frontend/components/Calculator.vue b/frontend/components/Calculator.vue index 3a91aa6..a31fd53 100644 --- a/frontend/components/Calculator.vue +++ b/frontend/components/Calculator.vue @@ -227,9 +227,14 @@ defineShortcuts({ width: 4px; } .custom-scrollbar::-webkit-scrollbar-track { - @apply bg-transparent; + background: transparent; } .custom-scrollbar::-webkit-scrollbar-thumb { - @apply bg-gray-200 dark:bg-gray-700 rounded-full; + background: #e5e7eb; + border-radius: 9999px; } - \ No newline at end of file + +:global(.dark) .custom-scrollbar::-webkit-scrollbar-thumb { + background: #374151; +} + diff --git a/frontend/components/DocumentDisplayModal.vue b/frontend/components/DocumentDisplayModal.vue index 12cc971..df83272 100644 --- a/frontend/components/DocumentDisplayModal.vue +++ b/frontend/components/DocumentDisplayModal.vue @@ -156,7 +156,8 @@ const moveFile = async () => {