Page MenuHomeDevCentral
Files F24531841

D3977.id10313.diff
No OneTemporary
Actions

D3977.id10313.diff
View Options

diff --git a/frontend/src/assets/main.css b/frontend/src/assets/main.css
--- a/frontend/src/assets/main.css
+++ b/frontend/src/assets/main.css
@@ -3,42 +3,14 @@
@tailwind utilities;
@layer base {
- body {
- @apply bg-gray-50 text-gray-900 dark:bg-gray-950 dark:text-gray-100 antialiased;
- font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
- Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
- }
+ body {
+ @apply bg-gray-50 text-gray-900 dark:bg-gray-950 dark:text-gray-100 antialiased;
+ font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+ }
}
@layer components {
- .btn-primary {
- @apply inline-flex items-center px-4 py-2 bg-brand-600 text-white text-sm font-medium rounded-lg
- hover:bg-brand-700 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2
- transition-colors duration-200;
- }
-
- .btn-secondary {
- @apply inline-flex items-center px-4 py-2 bg-gray-200 text-gray-700 text-sm font-medium rounded-lg
- hover:bg-gray-300 dark:bg-gray-700 dark:text-gray-200 dark:hover:bg-gray-600
- focus:outline-none focus:ring-2 focus:ring-gray-400 focus:ring-offset-2
- transition-colors duration-200;
- }
-
- .btn-danger {
- @apply inline-flex items-center px-4 py-2 bg-red-600 text-white text-sm font-medium rounded-lg
- hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2
- transition-colors duration-200;
- }
-
- .card {
- @apply bg-white dark:bg-gray-900 rounded-xl shadow-sm border border-gray-200 dark:border-gray-800;
- }
-
- .input-field {
- @apply block w-full rounded-lg border border-gray-300 dark:border-gray-600
- bg-white dark:bg-gray-800 px-3 py-2 text-sm text-gray-900 dark:text-gray-100
- placeholder-gray-400 dark:placeholder-gray-500
- focus:border-brand-500 focus:outline-none focus:ring-1 focus:ring-brand-500
- transition-colors duration-200;
- }
+ .btn-primary {
+ @apply inline-flex items-center px-4 py-2 bg-brand-600 text-white text-sm font-medium hover:bg-brand-700 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2 transition-colors duration-200;
+ }
}
diff --git a/frontend/src/views/NotFound.vue b/frontend/src/views/NotFound.vue
new file mode 100644
--- /dev/null
+++ b/frontend/src/views/NotFound.vue
@@ -0,0 +1,25 @@
+<template>
+ <div class="min-h-[70vh] flex items-center justify-center px-4">
+ <div class="card p-8 w-full max-w-md text-center">
+
+ <!-- 404 number -->
+ <p class="text-6xl font-bold text-brand-500 mb-4">404</p>
+
+ <!-- Headline -->
+ <h1 class="text-lg font-bold text-gray-900 dark:text-gray-100 mb-2">
+ The page you're looking for can't be found.
+ </h1>
+
+ <!-- Subtext -->
+ <p class="text-sm text-gray-500 dark:text-gray-400 mb-6">
+ It may have been moved or deleted.
+ </p>
+
+ <!-- Actions -->
+ <RouterLink to="/" class="btn-primary flex items-center justify-center w-full">
+ Back to Home
+ </RouterLink>
+
+ </div>
+ </div>
+</template>

File Metadata

Mime Type
text/plain
Expires
Thu, Feb 26, 19:21 (18 h, 3 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
3475488
Default Alt Text
D3977.id10313.diff (3 KB)

Event Timeline

Nasqueron DevCentral · If it had been much bigger the moon would have had a core of ice. · Powered by Phabricator