mirror of
https://github.com/farcasclaudiu/openclaw.git
synced 2026-06-28 21:01:43 +03:00
chore: Run pnpm format:fix.
This commit is contained in:
+26
-10
@@ -81,9 +81,11 @@
|
||||
--theme-switch-y: 50%;
|
||||
|
||||
/* Typography - Space Grotesk for personality */
|
||||
--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;
|
||||
--mono:
|
||||
"JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;
|
||||
--font-body: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
||||
--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
||||
--font-display:
|
||||
"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
||||
|
||||
/* Shadows - Richer with subtle color */
|
||||
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
|
||||
@@ -340,7 +342,8 @@ select {
|
||||
}
|
||||
|
||||
@keyframes pulse-subtle {
|
||||
0%, 100% {
|
||||
0%,
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
@@ -349,7 +352,8 @@ select {
|
||||
}
|
||||
|
||||
@keyframes glow-pulse {
|
||||
0%, 100% {
|
||||
0%,
|
||||
100% {
|
||||
box-shadow: 0 0 0 rgba(255, 92, 92, 0);
|
||||
}
|
||||
50% {
|
||||
@@ -358,12 +362,24 @@ select {
|
||||
}
|
||||
|
||||
/* Stagger animation delays for grouped elements */
|
||||
.stagger-1 { animation-delay: 0ms; }
|
||||
.stagger-2 { animation-delay: 50ms; }
|
||||
.stagger-3 { animation-delay: 100ms; }
|
||||
.stagger-4 { animation-delay: 150ms; }
|
||||
.stagger-5 { animation-delay: 200ms; }
|
||||
.stagger-6 { animation-delay: 250ms; }
|
||||
.stagger-1 {
|
||||
animation-delay: 0ms;
|
||||
}
|
||||
.stagger-2 {
|
||||
animation-delay: 50ms;
|
||||
}
|
||||
.stagger-3 {
|
||||
animation-delay: 100ms;
|
||||
}
|
||||
.stagger-4 {
|
||||
animation-delay: 150ms;
|
||||
}
|
||||
.stagger-5 {
|
||||
animation-delay: 200ms;
|
||||
}
|
||||
.stagger-6 {
|
||||
animation-delay: 250ms;
|
||||
}
|
||||
|
||||
/* Focus visible styles */
|
||||
:focus-visible {
|
||||
|
||||
@@ -105,7 +105,9 @@ img.chat-avatar {
|
||||
border-radius: var(--radius-lg);
|
||||
padding: 10px 14px;
|
||||
box-shadow: none;
|
||||
transition: background 150ms ease-out, border-color 150ms ease-out;
|
||||
transition:
|
||||
background 150ms ease-out,
|
||||
border-color 150ms ease-out;
|
||||
max-width: 100%;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
@@ -128,7 +130,9 @@ img.chat-avatar {
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transition: opacity 120ms ease-out, background 120ms ease-out;
|
||||
transition:
|
||||
opacity 120ms ease-out,
|
||||
background 120ms ease-out;
|
||||
}
|
||||
|
||||
.chat-copy-btn__icon {
|
||||
@@ -243,7 +247,8 @@ img.chat-avatar {
|
||||
}
|
||||
|
||||
@keyframes pulsing-border {
|
||||
0%, 100% {
|
||||
0%,
|
||||
100% {
|
||||
border-color: var(--border);
|
||||
}
|
||||
50% {
|
||||
|
||||
@@ -77,7 +77,10 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: background 150ms ease-out, color 150ms ease-out, border-color 150ms ease-out;
|
||||
transition:
|
||||
background 150ms ease-out,
|
||||
color 150ms ease-out,
|
||||
border-color 150ms ease-out;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
|
||||
@@ -6,7 +6,9 @@
|
||||
margin-top: 8px;
|
||||
background: var(--card);
|
||||
box-shadow: inset 0 1px 0 var(--card-highlight);
|
||||
transition: border-color 150ms ease-out, background 150ms ease-out;
|
||||
transition:
|
||||
border-color 150ms ease-out,
|
||||
background 150ms ease-out;
|
||||
/* Fixed max-height to ensure cards don't expand too much */
|
||||
max-height: 120px;
|
||||
overflow: hidden;
|
||||
@@ -187,7 +189,9 @@
|
||||
}
|
||||
|
||||
@keyframes reading-pulse {
|
||||
0%, 60%, 100% {
|
||||
0%,
|
||||
60%,
|
||||
100% {
|
||||
opacity: 0.3;
|
||||
transform: scale(0.8);
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@import './chat.css';
|
||||
@import "./chat.css";
|
||||
|
||||
/* ===========================================
|
||||
Cards - Refined with depth
|
||||
@@ -14,12 +14,16 @@
|
||||
border-color var(--duration-normal) var(--ease-out),
|
||||
box-shadow var(--duration-normal) var(--ease-out),
|
||||
transform var(--duration-normal) var(--ease-out);
|
||||
box-shadow: var(--shadow-sm), inset 0 1px 0 var(--card-highlight);
|
||||
box-shadow:
|
||||
var(--shadow-sm),
|
||||
inset 0 1px 0 var(--card-highlight);
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
border-color: var(--border-strong);
|
||||
box-shadow: var(--shadow-md), inset 0 1px 0 var(--card-highlight);
|
||||
box-shadow:
|
||||
var(--shadow-md),
|
||||
inset 0 1px 0 var(--card-highlight);
|
||||
}
|
||||
|
||||
.card-title {
|
||||
@@ -53,7 +57,9 @@
|
||||
|
||||
.stat:hover {
|
||||
border-color: var(--border-strong);
|
||||
box-shadow: var(--shadow-sm), inset 0 1px 0 var(--card-highlight);
|
||||
box-shadow:
|
||||
var(--shadow-sm),
|
||||
inset 0 1px 0 var(--card-highlight);
|
||||
}
|
||||
|
||||
.stat-label {
|
||||
@@ -351,7 +357,9 @@
|
||||
.btn.primary:hover {
|
||||
background: var(--accent-hover);
|
||||
border-color: var(--accent-hover);
|
||||
box-shadow: var(--shadow-md), 0 0 20px var(--accent-glow);
|
||||
box-shadow:
|
||||
var(--shadow-md),
|
||||
0 0 20px var(--accent-glow);
|
||||
}
|
||||
|
||||
/* Keyboard shortcut badge (shadcn style) */
|
||||
@@ -571,7 +579,8 @@
|
||||
}
|
||||
|
||||
@keyframes compaction-pulse {
|
||||
0%, 100% {
|
||||
0%,
|
||||
100% {
|
||||
opacity: 0.7;
|
||||
}
|
||||
50% {
|
||||
@@ -1050,7 +1059,8 @@
|
||||
}
|
||||
|
||||
@keyframes chatStreamPulse {
|
||||
0%, 100% {
|
||||
0%,
|
||||
100% {
|
||||
border-color: var(--border);
|
||||
}
|
||||
50% {
|
||||
@@ -1103,7 +1113,9 @@
|
||||
}
|
||||
|
||||
@keyframes chatReadingDot {
|
||||
0%, 80%, 100% {
|
||||
0%,
|
||||
80%,
|
||||
100% {
|
||||
opacity: 0.4;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user