ai/log
1
0
Fork 0
Code Issues Pull Requests Activity

fix at.link edit

Browse Source
This commit is contained in:
syui
2026-01-22 22:10:10 +09:00
parent ca6bb5319c
commit c2044c5bd8
4 changed files with 380 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

155
src/web/styles/main.css
View File

@@ -2648,6 +2648,18 @@ button.tab {
padding: 20px;
}
.link-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
.link-header h2 {
margin: 0;
font-size: 1.2rem;
}
.link-empty {
text-align: center;
color: #888;
@@ -2738,3 +2750,146 @@ button.tab {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}
}
/* Link Header Actions */
.link-header-actions {
display: flex;
gap: 8px;
align-items: center;
}
/* Link Edit Form */
.link-edit-form {
margin-bottom: 20px;
padding: 16px;
background: #f5f5f5;
border-radius: 8px;
}
.link-edit-item {
display: flex;
gap: 8px;
margin-bottom: 8px;
align-items: center;
}
.link-edit-service {
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 0.9rem;
}
.link-edit-username {
flex: 1;
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 0.9rem;
}
.link-edit-remove {
padding: 4px 10px;
background: #ef4444;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 1rem;
}
.link-edit-remove:hover {
background: #dc2626;
}
.link-edit-add {
display: flex;
gap: 8px;
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid #ddd;
}
.link-edit-add select,
.link-edit-add input {
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 0.9rem;
}
.link-edit-add input {
flex: 1;
}
#link-add-btn {
padding: 8px 14px;
background: var(--btn-color);
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 1rem;
}
#link-add-btn:hover {
opacity: 0.9;
}
.link-edit-actions {
display: flex;
justify-content: flex-end;
gap: 8px;
margin-top: 16px;
}
#link-edit-cancel {
padding: 8px 16px;
background: #888;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
#link-edit-save {
padding: 8px 16px;
background: var(--btn-color);
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
#link-edit-save:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.link-edit-success {
color: #22c55e;
}
.link-edit-error {
color: #ef4444;
}
/* Dark mode */
@media (prefers-color-scheme: dark) {
.link-edit-form {
background: #2a2a2a;
}
.link-edit-service,
.link-edit-username,
.link-edit-add select,
.link-edit-add input {
background: #1a1a1a;
border-color: #444;
color: #e0e0e0;
}
.link-edit-add {
border-top-color: #444;
}
}