fix left class
This commit is contained in:
+1
-1
@@ -355,7 +355,7 @@ watch(
|
|||||||
<h2 id="presetsMessage" v-if="presets.length == 0">No Presets defined</h2>
|
<h2 id="presetsMessage" v-if="presets.length == 0">No Presets defined</h2>
|
||||||
<div id="presetsItems" :class="{ list: view == 'list', grid: view == 'grid' }">
|
<div id="presetsItems" :class="{ list: view == 'list', grid: view == 'grid' }">
|
||||||
<button v-for="preset in sortedPresets" :key="preset.id" class="presetItem" :class="{ selected: selectedPreset === preset }" @click="startPreset(preset)">
|
<button v-for="preset in sortedPresets" :key="preset.id" class="presetItem" :class="{ selected: selectedPreset === preset }" @click="startPreset(preset)">
|
||||||
<h3 class="grow left">{{ preset.title || preset.tempo }}</h3>
|
<h3 class="grow">{{ preset.title || preset.tempo }}</h3>
|
||||||
<h2>{{ preset.tempo }}</h2>
|
<h2>{{ preset.tempo }}</h2>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+2
-1
@@ -246,10 +246,11 @@ input[type="number"] {
|
|||||||
|
|
||||||
#tapButton {
|
#tapButton {
|
||||||
border-radius: 32px;
|
border-radius: 32px;
|
||||||
|
border: 1px solid var(--gray);
|
||||||
height: 64px;
|
height: 64px;
|
||||||
width: 64px;
|
width: 64px;
|
||||||
margin: -8px;
|
margin: -8px;
|
||||||
background: var(--secondary);
|
background: var(--white);
|
||||||
box-shadow: 0 0px 4px var(--shadow);
|
box-shadow: 0 0px 4px var(--shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user