hectorzhao/lislgosms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: connect remaining sms pages to real backend

Browse Source
This commit is contained in:
hectorzhao
2026-07-02 19:30:04 +08:00
parent 06562e42dd
commit 131f344ac4
50 changed files with 2074 additions and 6400 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/components.css
+26
View File
@@ -58,6 +58,26 @@
background: var(--color-selected-hover);
}
.ui-button--success {
background: rgba(22, 163, 74, 0.12);
color: #15803d;
}
.ui-button--success:hover {
background: rgba(22, 163, 74, 0.2);
color: #166534;
}
.ui-button--warning {
background: rgba(245, 158, 11, 0.14);
color: #b45309;
}
.ui-button--warning:hover {
background: rgba(245, 158, 11, 0.22);
color: #92400e;
}
.ui-button--ghost {
background: var(--color-surface);
border-color: var(--color-border);
@@ -79,6 +99,12 @@
background: #b91c1c;
}
.ui-button--danger .ui-button__icon,
.ui-button--danger .ui-button__icon svg {
color: #fff;
stroke: #fff;
}
.ui-button--icon-only {
padding: 0;
width: var(--control-height-md);
src/styles/global.css
+81 -34
View File
@@ -126,7 +126,7 @@ h3 {
}
.app-shell--collapsed {
grid-template-columns: 84px minmax(0, 1fr);
grid-template-columns: 76px minmax(0, 1fr);
}
.sidebar {
@@ -146,19 +146,25 @@ h3 {
align-items: center;
display: flex;
gap: var(--space-3);
padding: 0 var(--space-2) var(--space-2);
justify-content: center;
padding: 0 0 var(--space-2);
}
.brand-icon {
align-items: center;
background: var(--color-selected-soft);
border: 1px solid rgba(37, 99, 235, 0.14);
border-radius: var(--radius-lg);
color: var(--color-selected);
display: inline-flex;
height: 38px;
justify-content: center;
width: 38px;
.brand-logo {
display: block;
flex: 0 0 auto;
object-fit: contain;
}
.brand-logo--full {
height: 50px;
width: 148px;
}
.brand-logo--compact {
display: none;
height: 34px;
width: 34px;
}
.brand-copy {
@@ -187,6 +193,7 @@ h3 {
flex: 1;
gap: var(--space-5);
overflow-y: auto;
overflow-x: hidden;
margin-right: calc(var(--space-4) * -1);
padding-right: calc(var(--space-4) - 2px);
scrollbar-color: transparent transparent;
@@ -377,20 +384,41 @@ h3 {
display: none;
}
.app-shell--collapsed .brand-block {
justify-content: center;
padding-left: 0;
padding-right: 0;
}
.app-shell--collapsed .brand-logo--full {
display: none;
}
.app-shell--collapsed .brand-logo--compact {
display: block;
}
.app-shell--collapsed .side-nav {
width: 100%;
overflow-x: hidden;
}
.app-shell--collapsed .side-nav-list {
justify-items: center;
padding-left: 0;
width: 100%;
}
.app-shell--collapsed .side-nav a {
height: 42px;
height: 44px;
justify-content: center;
padding: 0;
width: 42px;
width: 44px;
}
.app-shell--collapsed .side-nav a svg {
height: 20px;
width: 20px;
}
.app-shell--collapsed .side-nav a.active {
@@ -3860,51 +3888,57 @@ h3 {
min-height: 100vh;
display: grid;
place-items: center;
padding: 32px;
padding: 36px 20px;
background:
linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(16, 185, 129, 0.08)),
radial-gradient(circle at 18% 16%, rgba(37, 99, 235, 0.12), transparent 32%),
radial-gradient(circle at 82% 14%, rgba(16, 185, 129, 0.1), transparent 30%),
linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(15, 23, 42, 0.04)),
var(--color-bg);
}
.login-panel {
width: min(440px, 100%);
padding: 28px;
border: 1px solid var(--color-border);
width: min(428px, 100%);
padding: 34px 34px 30px;
border: 1px solid rgba(148, 163, 184, 0.24);
border-radius: 8px;
background: var(--color-surface);
box-shadow: var(--shadow-lg);
box-shadow: 0 26px 70px rgba(15, 23, 42, 0.14);
}
.login-brand {
display: flex;
align-items: center;
display: grid;
justify-items: center;
gap: 14px;
margin-bottom: 24px;
margin-bottom: 30px;
text-align: center;
}
.login-brand > span {
width: 48px;
height: 48px;
display: grid;
place-items: center;
border-radius: 8px;
color: var(--color-primary);
background: var(--color-primary-soft);
.login-brand img {
display: block;
width: 178px;
height: 64px;
object-fit: contain;
}
.login-brand h1 {
margin: 0;
color: var(--color-text-strong);
font-size: 24px;
font-weight: 800;
letter-spacing: 0;
line-height: 1.15;
}
.login-brand p {
margin: 4px 0 0;
margin: 8px 0 0;
color: var(--color-text-muted);
font-size: 15px;
font-weight: 500;
}
.login-form {
display: grid;
gap: 16px;
gap: 17px;
}
.login-captcha-row {
@@ -3918,7 +3952,7 @@ h3 {
height: 40px;
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-surface-muted);
background: linear-gradient(180deg, #fff, var(--color-surface-muted));
color: var(--color-text-strong);
font-weight: 700;
cursor: pointer;
@@ -8181,6 +8215,19 @@ h3 {
display: revert;
}
.app-shell--collapsed .brand-block {
justify-content: flex-start;
padding: 0 var(--space-2) var(--space-2);
}
.app-shell--collapsed .brand-logo--full {
display: block;
}
.app-shell--collapsed .brand-logo--compact {
display: none;
}
.app-shell--collapsed .side-nav a {
height: auto;
justify-content: flex-start;