전략편집기 템플릿 탭 추가,수정, 삭제 기능 적용

This commit is contained in:
Macbook
2026-06-12 13:30:40 +09:00
parent 52137cf1db
commit cb1bde2563
4 changed files with 278 additions and 81 deletions
+27 -18
View File
@@ -2250,8 +2250,14 @@
.se-template-row {
display: flex;
align-items: stretch;
gap: 4px;
margin-bottom: 6px;
border-radius: 8px;
cursor: pointer;
transition: border-color 0.12s, box-shadow 0.12s;
}
.se-template-row--selected .se-template-item {
border-color: var(--se-gold);
box-shadow: 0 0 0 1px color-mix(in srgb, var(--se-gold) 35%, transparent);
}
.se-template-item {
display: flex;
@@ -2260,36 +2266,27 @@
gap: 6px 8px;
flex: 1;
min-width: 0;
width: 100%;
padding: 10px 12px;
border-radius: 8px;
border: 1px solid var(--se-border);
background: var(--se-palette-card-bg);
color: var(--se-text);
cursor: pointer;
text-align: left;
transition: border-color 0.12s, box-shadow 0.12s;
}
.se-template-item:hover {
.se-template-row:hover .se-template-item {
border-color: var(--se-palette-hover-border);
box-shadow: 0 0 12px color-mix(in srgb, var(--se-gold) 10%, transparent);
}
.se-template-delete {
flex-shrink: 0;
width: 34px;
border: 1px solid var(--se-border);
border-radius: 8px;
background: var(--se-palette-card-bg);
color: var(--se-text-muted);
cursor: pointer;
.se-palette-section--templates {
display: flex;
align-items: center;
justify-content: center;
transition: color 0.12s, border-color 0.12s, background 0.12s;
flex-direction: column;
flex: 1;
min-height: 0;
}
.se-template-delete:hover {
color: var(--se-danger);
border-color: color-mix(in srgb, var(--se-danger) 45%, var(--se-border));
background: color-mix(in srgb, var(--se-danger) 8%, var(--se-palette-card-bg));
.se-palette-section--templates .se-palette-search {
flex-shrink: 0;
}
.se-template-label {
font-size: 0.76rem;
@@ -2314,6 +2311,18 @@
color: var(--se-text-muted);
line-height: 1.45;
}
.se-template-save-update {
display: flex;
align-items: flex-start;
gap: 8px;
margin-top: 12px;
font-size: 0.76rem;
color: var(--se-text-muted);
cursor: pointer;
}
.se-template-save-update input {
margin-top: 2px;
}
.se-template-desc {
flex: 1 1 100%;
font-size: 0.66rem;