old4ever/local-cal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add AI settings controls

Browse Source
This commit is contained in:
Dmytro Stanchiev
2026-04-10 15:40:29 -04:00
parent e01a7ed1ad
commit 12849b2362
16 changed files with 907 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/app/globals.css
View File

@@ -204,6 +204,56 @@
}
@layer utilities {
.glass-surface {
background: linear-gradient(
180deg,
oklch(1 0 0 / 0.78),
oklch(0.985 0.003 247 / 0.92)
);
border: 1px solid oklch(0.89 0.005 247 / 0.95);
border-radius: calc(var(--radius) + 0.5rem);
box-shadow: 0 10px 30px oklch(0.3 0.01 260 / 0.08);
backdrop-filter: blur(18px) saturate(1.08);
}
.dark .glass-surface {
background: linear-gradient(
180deg,
oklch(0.23 0.015 265 / 0.72),
oklch(0.18 0.012 265 / 0.88)
);
border-color: oklch(1 0 0 / 0.09);
box-shadow: 0 18px 40px oklch(0 0 0 / 0.35);
}
.glass-panel {
background: linear-gradient(
180deg,
oklch(1 0 0 / 0.84),
oklch(0.992 0.002 247 / 0.96)
);
border: 1px solid oklch(0.89 0.005 247 / 0.95);
border-radius: calc(var(--radius) + 0.75rem);
box-shadow: 0 14px 36px oklch(0.3 0.01 260 / 0.08);
backdrop-filter: blur(20px) saturate(1.08);
}
.dark .glass-panel {
background: linear-gradient(
180deg,
oklch(0.22 0.014 265 / 0.78),
oklch(0.17 0.012 265 / 0.9)
);
border-color: oklch(1 0 0 / 0.1);
box-shadow: 0 22px 48px oklch(0 0 0 / 0.36);
}
.glass-subtle {
background: oklch(0.98 0.003 247 / 0.72);
border: 1px solid oklch(0.9 0.004 247 / 0.95);
border-radius: calc(var(--radius) + 0.5rem);
backdrop-filter: blur(14px);
}
.dark .glass-subtle {
background: oklch(0.25 0.012 265 / 0.42);
border-color: oklch(1 0 0 / 0.08);
}
/* Light: subtle card with border; Dark: glass panel */
.glass {
background: oklch(1 0 0 / 0.7);
@@ -216,16 +266,24 @@
backdrop-filter: blur(12px);
}
.glass-card {
background: oklch(0.995 0.001 247);
border: 1px solid oklch(0.9 0.005 247);
border-radius: var(--radius);
box-shadow: 0 1px 3px oklch(0.3 0.01 260 / 0.06);
background: linear-gradient(
180deg,
oklch(1 0 0 / 0.72),
oklch(0.99 0.002 247 / 0.94)
);
border: 1px solid oklch(0.9 0.005 247 / 0.95);
border-radius: calc(var(--radius) + 0.25rem);
box-shadow: 0 8px 20px oklch(0.3 0.01 260 / 0.06);
backdrop-filter: blur(16px) saturate(1.06);
}
.dark .glass-card {
backdrop-filter: blur(16px);
background: oklch(1 0 0 / 0.05);
background: linear-gradient(
180deg,
oklch(0.24 0.015 265 / 0.52),
oklch(0.18 0.012 265 / 0.72)
);
border-color: oklch(1 0 0 / 0.08);
box-shadow: none;
box-shadow: 0 14px 32px oklch(0 0 0 / 0.26);
}
.glass-strong {
background: oklch(0.995 0.001 247 / 0.97);