Refine glass UI capsules and hub card

2026-02-06 16:28:00 +07:00
parent 981500ec5d
commit eb31b8299b
4 changed files with 143 additions and 116 deletions
--- a/app/assets/css/tailwind.css
+++ b/app/assets/css/tailwind.css
@@ -36,6 +36,25 @@
  --noise: 0;
 }

+@layer components {
+  .glass-topfade {
+    background: linear-gradient(
+      180deg,
+      rgba(255, 255, 255, 0.4) 0%,
+      rgba(255, 255, 255, 0.18) 45%,
+      rgba(255, 255, 255, 0) 100%
+    );
+  }
+
+  .glass-soft {
+    @apply bg-white/10 border border-white/10 backdrop-blur-md;
+  }
+
+  .glass-bright {
+    @apply bg-white/30 border border-white/20 backdrop-blur-md;
+  }
+}
+
@plugin "daisyui/theme" {
  name: "silk";
  default: false;