feat: styling for new version component
This commit is contained in:
@@ -33,11 +33,15 @@ const reload = () => {
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="buttons">
|
<div class="buttons">
|
||||||
<button v-if="needRefresh" class="button is-primary" @click="reload">
|
<button
|
||||||
|
v-if="devMode || needRefresh"
|
||||||
|
class="btn btn-primary"
|
||||||
|
@click="reload"
|
||||||
|
>
|
||||||
<LiteLoading v-if="isLoading" />
|
<LiteLoading v-if="isLoading" />
|
||||||
<span v-else>Reload</span>
|
<span v-else>Reload</span>
|
||||||
</button>
|
</button>
|
||||||
<button class="button" @click="close">Close</button>
|
<button class="btn" @click="close">Close</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -57,6 +61,11 @@ const reload = () => {
|
|||||||
color: var(--fallback-bc, oklch(var(--bc) / 1));
|
color: var(--fallback-bc, oklch(var(--bc) / 1));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.buttons {
|
||||||
|
display: flex;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user