dyzulk/nihonbuzz-academy
1
0
Fork 0
mirror of https://github.com/nihonbuzz/nihonbuzz-academy.git synced 2026-01-26 13:32:07 +07:00
Code Issues Packages Projects Releases Wiki Activity

update aja

Browse Source
This commit is contained in:
Nihonbuzz
2026-01-24 10:20:55 +07:00
parent 62dc61aa31
commit 594f3727f5
23 changed files with 609 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
resources/css/app.css
View File

@@ -60,6 +60,49 @@
}
}
@layer components {
.btn {
@apply inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 h-11 px-6 shadow-sm;
}
.btn-sm {
@apply h-9 rounded-md px-3 text-xs shadow-sm;
}
.btn-lg {
@apply h-12 rounded-xl px-8 shadow-sm;
}
.btn-icon {
@apply h-11 w-11 px-0 shadow-sm;
}
.btn-primary {
@apply bg-primary text-primary-foreground shadow hover:bg-primary/90 dark:hover:bg-primary/80;
}
.btn-secondary {
@apply bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80 dark:hover:bg-secondary/70;
}
.btn-outline {
@apply border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent dark:hover:text-accent-foreground;
}
.btn-ghost {
@apply shadow-none hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 dark:hover:text-foreground;
}
.btn-destructive {
@apply bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 dark:hover:bg-destructive/80;
}
.btn-link {
@apply text-primary underline-offset-4 hover:underline shadow-none bg-transparent hover:bg-transparent;
}
/* Glassmorphism Utilities */
.card-glass {
@apply bg-white/50 dark:bg-black/30 backdrop-blur-xl border border-white/40 dark:border-white/10 shadow-sm;
}
.btn-glass {
@apply border border-white/40 dark:border-white/10 bg-white/40 dark:bg-white/5 hover:bg-white/60 dark:hover:bg-white/10 backdrop-blur-md text-foreground shadow-sm;
}
}
@layer utilities {
.bg-grid {
background-size: 40px 40px;
@@ -76,6 +119,13 @@
mask-image: linear-gradient(180deg, white, rgba(255, 255, 255, 0));
-webkit-mask-image: linear-gradient(180deg, white, rgba(255, 255, 255, 0));
}
.bg-wave-global {
background-color: transparent;
background-image: url('/brand/wave-pattern-global.svg');
background-repeat: repeat;
background-size: 400px auto; /* Adjust scale as needed, 400px seems a good starting point for visibility */
}
}
@layer base {
@@ -96,4 +146,3 @@
.plyr--video {
@apply rounded-2xl overflow-hidden shadow-2xl;
}