feat: enhance UI and functionality across components

- Added Google Fonts preconnect and stylesheet link in `index.html` for improved typography.
- Updated version in `package.json` to `4.9.9alpha3`.
- Refined launch configuration by removing deprecated arguments.
- Improved app detail modal and card components for better accessibility and visual consistency.
- Enhanced download queue and sidebar components with updated styles and functionality.
- Implemented new utility classes for better styling control in CSS.
- Adjusted various components for improved responsiveness and user experience.
This commit is contained in:
2026-03-15 15:21:29 +08:00
parent 7e1f85c058
commit dbfe86aa64
17 changed files with 400 additions and 154 deletions
+18 -7
View File
@@ -1,22 +1,25 @@
@import "tailwindcss";
@theme {
--font-sans: "Inter", "system-ui", "-apple-system", "Segoe UI", "sans-serif";
--font-sans: "Plus Jakarta Sans", "Inter", "system-ui", "-apple-system", "Segoe UI", "sans-serif";
--color-brand: #2563eb;
--color-brand-dark: #1d4ed8;
--color-brand-soft: #60a5fa;
--color-surface-light: #f5f7fb;
--color-surface-dark: #0b1220;
--color-surface-light: #f1f5f9;
--color-surface-dark: #0f172a;
--color-card-light: #ffffff;
--color-card-dark: #151c2c;
--color-card-dark: #1e293b;
--shadow-glass: 0 10px 30px rgba(15,23,42,0.08);
--shadow-glassDark: 0 20px 45px rgba(0,0,0,0.45);
--shadow-glass: 0 4px 24px rgba(15, 23, 42, 0.06);
--shadow-glassDark: 0 24px 48px rgba(0, 0, 0, 0.4);
--shadow-card: 0 1px 3px rgba(0, 0, 0, 0.05);
--shadow-card-hover: 0 12px 40px rgba(15, 23, 42, 0.12);
--radius-xl: 1rem;
--radius-2xl: 1.25rem;
}
@variant dark (&:where(.dark, .dark *));
@@ -27,11 +30,12 @@
background-color: var(--color-surface-light);
color: #0f172a;
min-height: 100vh;
-webkit-font-smoothing: antialiased;
}
:root.dark body {
background-color: var(--color-surface-dark);
color: #f8fafc;
color: #f1f5f9;
}
#app {
@@ -40,6 +44,13 @@
}
@layer utilities {
.line-clamp-2 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.scrollbar-muted {
scrollbar-width: thin;
scrollbar-color: #94a3b8 transparent;