GithubBackup/clawpanel
1
0
Fork 0
mirror of https://github.com/qingchencloud/clawpanel.git synced 2026-07-07 23:51:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: improve channel and setup guidance flows

Browse Source
This commit is contained in:
晴天
2026-04-02 00:36:32 +08:00
parent 2013ff98b9
commit 7b4640b355
7 changed files with 267 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/style/pages.css
View File

@@ -1248,6 +1248,43 @@
min-width: 0;
}
.setup-hero-site-row {
margin-top: 12px;
}
.setup-hero-site-link {
display: inline-flex;
align-items: center;
gap: 8px;
max-width: 100%;
padding: 8px 12px;
border-radius: 999px;
background: color-mix(in srgb, var(--accent) 8%, var(--bg-secondary));
border: 1px solid color-mix(in srgb, var(--accent) 20%, var(--border-primary));
color: var(--text-primary);
text-decoration: none;
font-size: var(--font-size-xs);
line-height: 1.4;
transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}
.setup-hero-site-link:hover {
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--accent) 40%, var(--border-primary));
background: color-mix(in srgb, var(--accent) 12%, var(--bg-secondary));
}
.setup-hero-site-label {
color: var(--text-secondary);
}
.setup-hero-site-value {
min-width: 0;
font-weight: 700;
color: var(--accent);
overflow-wrap: anywhere;
}
.setup-hero-title {
margin: 0 0 6px;
font-size: clamp(28px, 4vw, 36px);
@@ -1333,6 +1370,9 @@
font-size: var(--font-size-xs);
color: var(--text-secondary);
line-height: 1.5;
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
}
.setup-main-grid {
@@ -1379,6 +1419,25 @@
line-height: 1.6;
}
.setup-path-text {
margin: 0;
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
}
.setup-path-code {
display: inline-block;
max-width: 100%;
margin-left: 4px;
vertical-align: top;
font-size: 11px;
line-height: 1.6;
white-space: pre-wrap;
overflow-wrap: anywhere;
word-break: break-all;
}
.setup-help-details {
border: 1px solid var(--border-primary);
border-radius: var(--radius-md);
@@ -1466,6 +1525,11 @@
align-items: flex-start;
}
.setup-hero-site-link {
border-radius: var(--radius-md);
flex-wrap: wrap;
}
.setup-status-grid {
grid-template-columns: 1fr;
}