cleanup: remove footer separator and fix whitespace
- Remove footer separator line for cleaner UI - Fix trailing whitespace in Tailwind CSS - Remove extra blank line in vite plugin
- commit
- a85e2e50a695be7f637505a40459ff3593136c0d
- author
- bamen · · 2025-09-25 04:26 UTC
- parent
- d84a0c8
- signature
- unsigned
3 files · +10 -17
M gui/src/components/Footer.svelte +1 -7
| @@ -5,7 +5,6 @@ | |||
| 5 | 5 | </script> | |
| 6 | 6 | ||
| 7 | 7 | <footer class="footer"> | |
| 8 | - | <div class="footer-separator"></div> | |
| 9 | 8 | <div class="footer-content"> | |
| 10 | 9 | <div class="footer-text"> | |
| 11 | 10 | <span class="footer-name">Dumber Browser</span> | |
| @@ -22,12 +21,7 @@ | |||
| 22 | 21 | margin-top: 1rem; | |
| 23 | 22 | width: 100%; | |
| 24 | 23 | } | |
| 25 | - | ||
| 26 | - | .footer-separator { | |
| 27 | - | height: 2px; | |
| 28 | - | background: #404040; | |
| 29 | - | } | |
| 30 | - | ||
| 24 | + | ||
| 31 | 25 | .footer-content { | |
| 32 | 26 | display: flex; | |
| 33 | 27 | justify-content: center; | |
| @@ -5,7 +5,6 @@ | |||||
| 5 | </script> | 5 | </script> | ||
| 6 | 6 | ||||
| 7 | <footer class="footer"> | 7 | <footer class="footer"> | ||
| 8 | - | <div class="footer-separator"></div> | |||
| 9 | <div class="footer-content"> | 8 | <div class="footer-content"> | ||
| 10 | <div class="footer-text"> | 9 | <div class="footer-text"> | ||
| 11 | <span class="footer-name">Dumber Browser</span> | 10 | <span class="footer-name">Dumber Browser</span> | ||
| @@ -22,12 +21,7 @@ | |||||
| 22 | margin-top: 1rem; | 21 | margin-top: 1rem; | ||
| 23 | width: 100%; | 22 | width: 100%; | ||
| 24 | } | 23 | } | ||
| 25 | - | 24 | + | ||
| 26 | - | .footer-separator { | |||
| 27 | - | height: 2px; | |||
| 28 | - | background: #404040; | |||
| 29 | - | } | |||
| 30 | - | ||||
| 31 | .footer-content { | 25 | .footer-content { | ||
| 32 | display: flex; | 26 | display: flex; | ||
| 33 | justify-content: center; | 27 | justify-content: center; | ||
M gui/src/styles/tailwind.css +9 -9
| @@ -3,13 +3,13 @@ | |||
| 3 | 3 | /* Define custom theme colors for v4 */ | |
| 4 | 4 | @theme { | |
| 5 | 5 | /* Light theme colors (default) */ | |
| 6 | - | --color-browser-bg: rgb(253 252 250); | |
| 7 | - | --color-browser-surface: rgb(245 245 240); | |
| 8 | - | --color-browser-surface-variant: rgb(253 250 245); | |
| 9 | - | --color-browser-text: rgb(17 24 39); | |
| 6 | + | --color-browser-bg: rgb(253 252 250); | |
| 7 | + | --color-browser-surface: rgb(245 245 240); | |
| 8 | + | --color-browser-surface-variant: rgb(253 250 245); | |
| 9 | + | --color-browser-text: rgb(17 24 39); | |
| 10 | 10 | --color-browser-muted: rgb(107 114 128); | |
| 11 | - | --color-browser-accent: rgb(59 130 246); | |
| 12 | - | --color-browser-border: rgb(229 231 235); | |
| 11 | + | --color-browser-accent: rgb(59 130 246); | |
| 12 | + | --color-browser-border: rgb(229 231 235); | |
| 13 | 13 | } | |
| 14 | 14 | ||
| 15 | 15 | /* Dynamic theme switching via CSS variables */ | |
| @@ -26,9 +26,9 @@ | |||
| 26 | 26 | /* Dark theme colors (applied via .dark class from GTK) */ | |
| 27 | 27 | .dark { | |
| 28 | 28 | --dynamic-bg: rgb(17 24 39); | |
| 29 | - | --dynamic-surface-variant: rgb(21 30 50); | |
| 30 | - | --dynamic-surface: rgb(31 41 55); | |
| 31 | - | --dynamic-text: rgb(243 244 246); | |
| 29 | + | --dynamic-surface-variant: rgb(21 30 50); | |
| 30 | + | --dynamic-surface: rgb(31 41 55); | |
| 31 | + | --dynamic-text: rgb(243 244 246); | |
| 32 | 32 | --dynamic-muted: rgb(156 163 175); | |
| 33 | 33 | --dynamic-accent: rgb(96 165 250); | |
| 34 | 34 | --dynamic-border: rgb(55 65 81); | |
| @@ -3,13 +3,13 @@ | |||||
| 3 | /* Define custom theme colors for v4 */ | 3 | /* Define custom theme colors for v4 */ | ||
| 4 | @theme { | 4 | @theme { | ||
| 5 | /* Light theme colors (default) */ | 5 | /* Light theme colors (default) */ | ||
| 6 | - | --color-browser-bg: rgb(253 252 250); | 6 | + | --color-browser-bg: rgb(253 252 250); |
| 7 | - | --color-browser-surface: rgb(245 245 240); | 7 | + | --color-browser-surface: rgb(245 245 240); |
| 8 | - | --color-browser-surface-variant: rgb(253 250 245); | 8 | + | --color-browser-surface-variant: rgb(253 250 245); |
| 9 | - | --color-browser-text: rgb(17 24 39); | 9 | + | --color-browser-text: rgb(17 24 39); |
| 10 | --color-browser-muted: rgb(107 114 128); | 10 | --color-browser-muted: rgb(107 114 128); | ||
| 11 | - | --color-browser-accent: rgb(59 130 246); | 11 | + | --color-browser-accent: rgb(59 130 246); |
| 12 | - | --color-browser-border: rgb(229 231 235); | 12 | + | --color-browser-border: rgb(229 231 235); |
| 13 | } | 13 | } | ||
| 14 | 14 | ||||
| 15 | /* Dynamic theme switching via CSS variables */ | 15 | /* Dynamic theme switching via CSS variables */ | ||
| @@ -26,9 +26,9 @@ | |||||
| 26 | /* Dark theme colors (applied via .dark class from GTK) */ | 26 | /* Dark theme colors (applied via .dark class from GTK) */ | ||
| 27 | .dark { | 27 | .dark { | ||
| 28 | --dynamic-bg: rgb(17 24 39); | 28 | --dynamic-bg: rgb(17 24 39); | ||
| 29 | - | --dynamic-surface-variant: rgb(21 30 50); | 29 | + | --dynamic-surface-variant: rgb(21 30 50); |
| 30 | - | --dynamic-surface: rgb(31 41 55); | 30 | + | --dynamic-surface: rgb(31 41 55); |
| 31 | - | --dynamic-text: rgb(243 244 246); | 31 | + | --dynamic-text: rgb(243 244 246); |
| 32 | --dynamic-muted: rgb(156 163 175); | 32 | --dynamic-muted: rgb(156 163 175); | ||
| 33 | --dynamic-accent: rgb(96 165 250); | 33 | --dynamic-accent: rgb(96 165 250); | ||
| 34 | --dynamic-border: rgb(55 65 81); | 34 | --dynamic-border: rgb(55 65 81); | ||
M gui/vite-plugin-pages.ts +0 -1
| @@ -21,7 +21,6 @@ function getFaviconSVG(): string { | |||
| 21 | 21 | return readFileSync(logoPath, "utf-8"); | |
| 22 | 22 | } | |
| 23 | 23 | ||
| 24 | - | ||
| 25 | 24 | // Generate HTML content for a page | |
| 26 | 25 | function generatePageHTML(config: PageConfig): string { | |
| 27 | 26 | const cssLink = config.css | |
| @@ -21,7 +21,6 @@ function getFaviconSVG(): string { | |||||
| 21 | return readFileSync(logoPath, "utf-8"); | 21 | return readFileSync(logoPath, "utf-8"); | ||
| 22 | } | 22 | } | ||
| 23 | 23 | ||||
| 24 | - | ||||
| 25 | // Generate HTML content for a page | 24 | // Generate HTML content for a page | ||
| 26 | function generatePageHTML(config: PageConfig): string { | 25 | function generatePageHTML(config: PageConfig): string { | ||
| 27 | const cssLink = config.css | 26 | const cssLink = config.css | ||