@1889ca/ui 0.3.1 → 0.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -23,7 +23,7 @@ export default function PasskeyLoginPage({ title, subtitle, login, register, dev
|
|
|
23
23
|
const [error, setError] = useState('');
|
|
24
24
|
const [loading, setLoading] = useState(false);
|
|
25
25
|
|
|
26
|
-
const showDev = devMode
|
|
26
|
+
const showDev = !!devMode;
|
|
27
27
|
|
|
28
28
|
async function handleLogin() {
|
|
29
29
|
setError('');
|
|
@@ -113,3 +113,38 @@
|
|
|
113
113
|
display: flex;
|
|
114
114
|
flex-direction: column;
|
|
115
115
|
}
|
|
116
|
+
|
|
117
|
+
/* Aurora mesh background — add to root container */
|
|
118
|
+
.ui-aurora {
|
|
119
|
+
position: relative;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.ui-aurora::before {
|
|
123
|
+
content: '';
|
|
124
|
+
position: fixed;
|
|
125
|
+
inset: 0;
|
|
126
|
+
background:
|
|
127
|
+
radial-gradient(ellipse 80% 60% at 15% 10%, rgba(124, 108, 240, 0.12), transparent),
|
|
128
|
+
radial-gradient(ellipse 60% 50% at 85% 20%, rgba(56, 189, 248, 0.08), transparent),
|
|
129
|
+
radial-gradient(ellipse 50% 60% at 40% 90%, rgba(168, 85, 247, 0.10), transparent),
|
|
130
|
+
radial-gradient(ellipse 70% 40% at 75% 75%, rgba(34, 211, 153, 0.06), transparent),
|
|
131
|
+
radial-gradient(ellipse 40% 30% at 50% 50%, rgba(244, 114, 182, 0.04), transparent);
|
|
132
|
+
pointer-events: none;
|
|
133
|
+
z-index: 0;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.ui-aurora::after {
|
|
137
|
+
content: '';
|
|
138
|
+
position: fixed;
|
|
139
|
+
inset: 0;
|
|
140
|
+
opacity: 0.025;
|
|
141
|
+
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
|
|
142
|
+
background-size: 200px;
|
|
143
|
+
pointer-events: none;
|
|
144
|
+
z-index: 0;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.ui-aurora > * {
|
|
148
|
+
position: relative;
|
|
149
|
+
z-index: 1;
|
|
150
|
+
}
|