css fixes

This commit is contained in:
Tamius Han 2019-01-20 21:12:26 +01:00
parent a2f1c8eba2
commit 08469074a6

View File

@ -33,17 +33,21 @@
> >
<div class=""> <div class="">
Video settings Video settings
</div> </div>
<div class=""> <div v-if="selectedTab === 'video' && this.activeFrames.length > 0"
</div> class=""
<div class=""> >
<div class="" <small>Select embedded frame to control:</small>
:class="{'tabitem-selected': selectedFrame === frame.id}" <div class="">
v-for="frame of activeFrames" <div v-for="frame of activeFrames"
:key="frame.id" class="tabitem"
@click="selectFrame(frame.id)" :class="{'tabitem-selected': selectedFrame === frame.id}"
> :key="frame.id"
{{frame.label}} {{frame.id}} @click="selectFrame(frame.id)"
>
{{frame.label}} <span v-if="frame.name !== undefined && frame.color" :style="{'background-color': frame.color}">[{{frame.name}}]</span>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -325,7 +329,7 @@ html, body {
.tabitem { .tabitem {
font-variant: normal; font-variant: normal;
font-size: 0.69em; // font-size: 0.69em;
margin-left: 1em; margin-left: 1em;
border-left: transparent 3px solid; border-left: transparent 3px solid;
padding-left: 12px; padding-left: 12px;