feat(ext/popup): polished 2-column type-picker with glyph icons
This commit is contained in:
@@ -1635,3 +1635,29 @@ textarea {
|
||||
font-size: 11px;
|
||||
color: var(--text-muted, #8b949e);
|
||||
}
|
||||
|
||||
.type-card-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 8px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.type-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
padding: 10px 12px;
|
||||
background: var(--bg-elevated, #161b22);
|
||||
border: 1px solid var(--border-mid, #30363d);
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
text-align: left;
|
||||
transition: border-color 0.15s;
|
||||
}
|
||||
|
||||
.type-card:hover { border-color: var(--gold-base, #a88a4a); }
|
||||
|
||||
.type-card__icon { font-size: 20px; margin-bottom: 4px; }
|
||||
.type-card__label { font-size: 12px; font-weight: 600; }
|
||||
.type-card__desc { font-size: 10px; color: var(--text-muted, #8b949e); margin-top: 2px; }
|
||||
|
||||
Reference in New Issue
Block a user