mirror of
https://gitee.com/spark-store-project/spark-store
synced 2026-05-30 01:31:06 +08:00
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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user