matei/zeroone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UPD: DevicePreview transitions

Browse Source
This commit is contained in:
Robert Kossessa
2024-02-04 00:30:13 +01:00
parent abfab1589e
commit 5f3c31a315
4 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/config/SteppedSlider.vue
View File

@@ -14,14 +14,14 @@
'slider-end ml-4': index === positions.length-1}"
@click="value = position.value">
<span
v-if="index===0" class="rounded-full w-2 h-1.5 inline-block mb-[1px]"
v-if="index===0" class="rounded-full w-2 h-1.5 inline-block mb-[1px] transition-colors"
:class="value===position.value ? 'bg-zinc-100' : 'bg-zinc-600'" />
<span
v-if="position.label" class="text-xs font-mono uppercase mx-1"
v-if="position.label" class="text-xs font-mono uppercase mx-1 transition-colors"
:class="value===position.value ? 'text-zinc-100' : 'text-zinc-600'">{{ position.label }}</span>
<span
v-if="!position.label || index === positions.length-1"
class="rounded-full w-2 h-1.5 inline-block mb-[1px]"
class="rounded-full w-2 h-1.5 inline-block mb-[1px] transition-colors"
:class="value===position.value ? 'bg-zinc-100' : 'bg-zinc-600'" />
</button>
</div>

1
src/components/config/TabSelect.vue
View File

@@ -1,5 +1,6 @@
<template>
<div class="flex font-heading px-4 py-2 gap-2">
<div class="absolute"/>
<TabSelectButton
v-for="(option, key) in options" :key="key"
:title="$t(option.titleKey)"