[PULSE-56] Consolidate pulse-frontend with ciphera-ui (design system migration) #30
2156
package-lock.json
generated
2156
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -10,7 +10,7 @@
|
|||||||
"type-check": "tsc --noEmit"
|
"type-check": "tsc --noEmit"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@ciphera-net/ui": "^0.0.50",
|
"@ciphera-net/ui": "^0.0.52",
|
||||||
"@ducanh2912/next-pwa": "^10.2.9",
|
"@ducanh2912/next-pwa": "^10.2.9",
|
||||||
"@radix-ui/react-icons": "^1.3.0",
|
"@radix-ui/react-icons": "^1.3.0",
|
||||||
"axios": "^1.13.2",
|
"axios": "^1.13.2",
|
||||||
|
|||||||
@@ -19,43 +19,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@layer components {
|
|
||||||
/* * TODO: Move these shared utilities to @ciphera-net/ui to avoid duplication with website */
|
|
||||||
|
|
||||||
/* * Glass Card Effect - Crucial for the "Premium" feel */
|
|
||||||
.card-glass {
|
|
||||||
@apply bg-white/80 dark:bg-neutral-900/80;
|
|
||||||
@apply backdrop-blur-xl;
|
|
||||||
@apply border border-neutral-200/50 dark:border-neutral-800/50;
|
|
||||||
@apply rounded-2xl;
|
|
||||||
@apply transition-all duration-300 ease-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* * Gradient Text for Headlines */
|
|
||||||
.gradient-text {
|
|
||||||
@apply bg-gradient-to-r from-brand-orange to-[#E54E00] bg-clip-text text-transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* * The "Pulse" Badge */
|
|
||||||
.badge-primary {
|
|
||||||
@apply inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wider;
|
|
||||||
@apply bg-brand-orange/10 text-brand-orange border border-brand-orange/20;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@layer utilities {
|
@layer utilities {
|
||||||
/* * The Background Grid */
|
/* * 3D Transform Utilities - Pulse-specific */
|
||||||
.bg-grid-pattern {
|
|
||||||
background-image: radial-gradient(circle at 1px 1px, currentColor 1px, transparent 0);
|
|
||||||
background-size: 32px 32px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* * Glow Effects */
|
|
||||||
.glow-orange {
|
|
||||||
box-shadow: 0 0 40px -10px rgba(253, 94, 15, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* * 3D Transform Utilities */
|
|
||||||
.perspective-1000 {
|
.perspective-1000 {
|
||||||
perspective: 1000px;
|
perspective: 1000px;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user