This commit is contained in:
2026-02-16 00:43:39 +01:00
parent afe9d6216d
commit 59c086384b
10 changed files with 578 additions and 36 deletions

View File

@@ -718,6 +718,44 @@ table {
.settings-card .settings-input-wrap .settings-toggle-pw:hover {
color: #6690F4;
}
.settings-card .settings-toggle-label {
display: inline-flex;
align-items: center;
gap: 10px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
user-select: none;
}
.settings-card .settings-toggle-checkbox {
display: none;
}
.settings-card .settings-toggle-checkbox + .settings-toggle-switch {
position: relative;
width: 44px;
height: 24px;
background: #ccc;
border-radius: 12px;
transition: background 0.2s;
flex-shrink: 0;
}
.settings-card .settings-toggle-checkbox + .settings-toggle-switch::after {
content: "";
position: absolute;
top: 3px;
left: 3px;
width: 18px;
height: 18px;
background: #fff;
border-radius: 50%;
transition: transform 0.2s;
}
.settings-card .settings-toggle-checkbox:checked + .settings-toggle-switch {
background: #22C55E;
}
.settings-card .settings-toggle-checkbox:checked + .settings-toggle-switch::after {
transform: translateX(20px);
}
.settings-card .settings-fields-grid {
display: grid;
grid-template-columns: 1fr 1fr;
@@ -1380,6 +1418,16 @@ table {
opacity: 0.7;
cursor: wait;
}
.btn-ai-suggest.btn-ai-claude {
border-color: #D97706;
background: linear-gradient(135deg, #FEF3C7, #FDE68A);
color: #92400E;
}
.btn-ai-suggest.btn-ai-claude:hover {
background: linear-gradient(135deg, #D97706, #B45309);
color: #FFF;
border-color: #B45309;
}
.form_container {
background: #FFFFFF;

View File

@@ -882,6 +882,50 @@ table {
}
}
.settings-toggle-label {
display: inline-flex;
align-items: center;
gap: 10px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
user-select: none;
}
.settings-toggle-checkbox {
display: none;
& + .settings-toggle-switch {
position: relative;
width: 44px;
height: 24px;
background: #ccc;
border-radius: 12px;
transition: background 0.2s;
flex-shrink: 0;
&::after {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 18px;
height: 18px;
background: #fff;
border-radius: 50%;
transition: transform 0.2s;
}
}
&:checked + .settings-toggle-switch {
background: #22C55E;
&::after {
transform: translateX(20px);
}
}
}
.settings-fields-grid {
display: grid;
grid-template-columns: 1fr 1fr;
@@ -1649,6 +1693,18 @@ table {
opacity: 0.7;
cursor: wait;
}
&.btn-ai-claude {
border-color: #D97706;
background: linear-gradient(135deg, #FEF3C7, #FDE68A);
color: #92400E;
&:hover {
background: linear-gradient(135deg, #D97706, #B45309);
color: #FFF;
border-color: #B45309;
}
}
}
// --- Form container ---