Fix: Explicitly import models in database.py to ensure table creation on Render
This commit is contained in:
@ -31,17 +31,14 @@ onMounted(() => {
|
||||
</template>
|
||||
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
|
||||
|
||||
:root {
|
||||
/* Common Variables */
|
||||
--safe-area-top: env(safe-area-inset-top, 0px);
|
||||
--safe-area-bottom: env(safe-area-inset-bottom, 0px);
|
||||
--transition-speed: 0.3s;
|
||||
--transition-speed: 0.4s;
|
||||
--font-family: 'Space Grotesk', system-ui, -apple-system, sans-serif;
|
||||
}
|
||||
|
||||
/* DARK THEME (Default & .dark) */
|
||||
@ -51,38 +48,38 @@ html.dark {
|
||||
--bg-secondary: #020617;
|
||||
--text-primary: #f8fafc;
|
||||
--text-secondary: #94a3b8;
|
||||
--border-color: rgba(255, 255, 255, 0.12);
|
||||
--shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.6);
|
||||
--border-color: rgba(255, 255, 255, 0.1);
|
||||
--shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
|
||||
|
||||
--header-bg: rgba(15, 23, 42, 0.9);
|
||||
--header-bg: rgba(15, 23, 42, 0.8);
|
||||
--header-text: #ffffff;
|
||||
|
||||
--card-bg: rgba(30, 41, 59, 0.85); /* Increased opacity for better legibility */
|
||||
--hover-bg: rgba(255, 255, 255, 0.08);
|
||||
--card-bg: rgba(30, 41, 59, 0.7);
|
||||
--hover-bg: rgba(254, 231, 21, 0.08); /* SIBU Gold hint on hover */
|
||||
--active-bg: rgba(254, 231, 21, 0.15);
|
||||
--active-color: #fee715;
|
||||
--accent-color: #fee715;
|
||||
--accent-hover: #fde047;
|
||||
|
||||
--glass-bg: rgba(255, 255, 255, 0.05);
|
||||
--glass-border: rgba(255, 255, 255, 0.15);
|
||||
--glass-bg: rgba(15, 23, 42, 0.6);
|
||||
--glass-border: rgba(254, 231, 21, 0.2);
|
||||
}
|
||||
|
||||
/* LIGHT THEME */
|
||||
html.light-theme {
|
||||
--bg-primary: #f1f5f9; /* Slightly darker light background */
|
||||
--bg-primary: #f8fafc;
|
||||
--bg-secondary: #ffffff;
|
||||
--text-primary: #0f172a;
|
||||
--text-secondary: #475569;
|
||||
--border-color: #cbd5e1; /* More visible borders */
|
||||
--header-bg: #ffffff;
|
||||
--text-secondary: #64748b;
|
||||
--border-color: rgba(15, 23, 42, 0.08);
|
||||
--header-bg: rgba(255, 255, 255, 0.8);
|
||||
--header-text: #0f172a;
|
||||
--card-bg: #ffffff;
|
||||
--hover-bg: #f1f5f9;
|
||||
--glass-bg: rgba(255, 255, 255, 0.9);
|
||||
--glass-border: #e2e8f0;
|
||||
--shadow: 0 8px 30px rgba(0, 0, 0, 0.12); /* Stronger shadow in light mode */
|
||||
--active-bg: rgba(16, 24, 32, 0.1);
|
||||
--card-bg: rgba(255, 255, 255, 0.9);
|
||||
--hover-bg: rgba(15, 23, 42, 0.04);
|
||||
--glass-bg: rgba(255, 255, 255, 0.7);
|
||||
--glass-border: rgba(15, 23, 42, 0.1);
|
||||
--shadow: 0 10px 40px rgba(15, 23, 42, 0.08);
|
||||
--active-bg: rgba(15, 23, 42, 0.05);
|
||||
--active-color: #101820;
|
||||
--accent-color: #101820;
|
||||
}
|
||||
@ -96,9 +93,9 @@ body {
|
||||
overflow-x: hidden;
|
||||
background-color: var(--bg-primary);
|
||||
color: var(--text-primary);
|
||||
transition: all 0.3s ease;
|
||||
font-family: 'Inter', system-ui, -apple-system, sans-serif;
|
||||
letter-spacing: -0.01em;
|
||||
transition: background-color 0.5s ease-in-out;
|
||||
font-family: var(--font-family);
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
|
||||
body {
|
||||
|
||||
Reference in New Issue
Block a user