minor cosmetics
This commit is contained in:
1 parent
34d1a89d56
commit
8e8aa5f27c
2 files changed
+14
-13
No files matched your search
@@ -792,10 +792,10 @@ h4 {
|
|||||||
|
|
||||||
.thumbs-switch-knob {
|
.thumbs-switch-knob {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 1.5px;
|
top: 2px;
|
||||||
left: 1.5px;
|
left: 2px;
|
||||||
width: 11px;
|
width: 10px;
|
||||||
height: 11px;
|
height: 10px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: var(--panel);
|
background: var(--panel);
|
||||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
|
||||||
@@ -807,7 +807,7 @@ h4 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.thumbs-switch-input:checked + .thumbs-switch-track .thumbs-switch-knob {
|
.thumbs-switch-input:checked + .thumbs-switch-track .thumbs-switch-knob {
|
||||||
left: 13.5px;
|
left: 14px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -99,7 +99,7 @@ watch(menu, (m) => {
|
|||||||
<PhFilmSlate :size="14" class="title-icon" />
|
<PhFilmSlate :size="14" class="title-icon" />
|
||||||
<h3>{{ t('scenes.title') }}</h3>
|
<h3>{{ t('scenes.title') }}</h3>
|
||||||
<button class="add-btn" v-tooltip="t('scenes.add')" @click="addScene">
|
<button class="add-btn" v-tooltip="t('scenes.add')" @click="addScene">
|
||||||
<PhPlus :size="13" weight="bold" />
|
<PhPlus :size="12" weight="bold" />
|
||||||
</button>
|
</button>
|
||||||
</header>
|
</header>
|
||||||
<div class="scene-list">
|
<div class="scene-list">
|
||||||
@@ -242,23 +242,24 @@ watch(menu, (m) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.add-btn {
|
.add-btn {
|
||||||
width: 24px;
|
width: 22px;
|
||||||
height: 24px;
|
height: 22px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 1px solid var(--border);
|
border: none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border-radius: var(--radius-sm);
|
border-radius: 50%;
|
||||||
color: var(--text-dim);
|
color: var(--text-dim);
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
flex-shrink: 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
transition: background 140ms var(--ease), color 140ms var(--ease);
|
||||||
}
|
}
|
||||||
|
|
||||||
.add-btn:hover {
|
.add-btn:hover {
|
||||||
color: var(--text);
|
background: var(--accent);
|
||||||
background: var(--panel-alt);
|
color: #fff;
|
||||||
border-color: var(--accent);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.scene-list {
|
.scene-list {
|
||||||
|
|||||||
Reference in new issue
Block a user