Update templates.js
parent
e77a4e6024
commit
5a05820ab3
|
@ -456,7 +456,7 @@ export default {
|
||||||
|
|
||||||
files[`${path}components/ThemeSwitcher.vue`] = {
|
files[`${path}components/ThemeSwitcher.vue`] = {
|
||||||
content: `<template>
|
content: `<template>
|
||||||
<div class="flex justify-end">
|
<div class="card flex justify-end p-2 mb-4">
|
||||||
<button type="button" class="flex border-1 w-2rem h-2rem p-0 align-center justify-center" @click="onThemeToggler">
|
<button type="button" class="flex border-1 w-2rem h-2rem p-0 align-center justify-center" @click="onThemeToggler">
|
||||||
<i :class="\`dark:text-white pi \${iconClass}\`" />
|
<i :class="\`dark:text-white pi \${iconClass}\`" />
|
||||||
</button>
|
</button>
|
||||||
|
@ -513,21 +513,21 @@ html {
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background: #f3f4f6;
|
background: #eff3f8;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
html.dark body {
|
|
||||||
background: #071426;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
background: #f3f4f6;
|
background: #ffffff;
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
html.dark body {
|
||||||
|
background: #040d19;
|
||||||
|
}
|
||||||
|
|
||||||
html.dark .card {
|
html.dark .card {
|
||||||
background: #071426;
|
background: #071426;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue