Skip to content

Commit ce3d539

Browse files
committed
fixed theme changer styles
1 parent e5a7499 commit ce3d539

File tree

1 file changed

+12
-6
lines changed

1 file changed

+12
-6
lines changed

src/presentation/pages/Settings.vue

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -58,10 +58,12 @@
5858
<DarkColorShemeIcon v-if="scheme === 'Dark'" />
5959
</template>
6060
<template
61-
v-if="colorScheme === scheme.toLowerCase()"
6261
#right
6362
>
64-
<Icon name="Check" />
63+
<Icon
64+
name="Check"
65+
:style="colorScheme === scheme.toLowerCase() ? 'opacity: 1;' : 'opacity: 0;'"
66+
/>
6567
</template>
6668
</Row>
6769
</Section>
@@ -82,10 +84,12 @@
8284
<ThemePreview :theme="theme" />
8385
</template>
8486
<template
85-
v-if="themeBase === theme.toLowerCase()"
8687
#right
8788
>
88-
<Icon name="Check" />
89+
<Icon
90+
name="Check"
91+
:style="themeBase === theme.toLowerCase() ? 'opacity: 1;' : 'opacity: 0;'"
92+
/>
8993
</template>
9094
</Row>
9195
</Section>
@@ -106,10 +110,12 @@
106110
<ThemePreview :theme="theme" />
107111
</template>
108112
<template
109-
v-if="themeAccent === theme.toLowerCase()"
110113
#right
111114
>
112-
<Icon name="Check" />
115+
<Icon
116+
name="Check"
117+
:style="themeAccent === theme.toLowerCase() ? 'opacity: 1;' : 'opacity: 0;'"
118+
/>
113119
</template>
114120
</Row>
115121
</Section>

0 commit comments

Comments
 (0)