refactor(nuxt): update body styles in app.vue
This commit is contained in:
parent
1235f89163
commit
428023b89a
25
app.vue
25
app.vue
@ -42,30 +42,7 @@
|
|||||||
</nuxt-error-boundary>
|
</nuxt-error-boundary>
|
||||||
</template>
|
</template>
|
||||||
<style>
|
<style>
|
||||||
body[data-theme="dark"],
|
|
||||||
body[data-theme="dark"] .alayhead {
|
|
||||||
background-color: #141414;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
html {
|
|
||||||
background: #f5f5f5;
|
|
||||||
}
|
|
||||||
|
|
||||||
html,
|
|
||||||
body {
|
body {
|
||||||
height: 100%;
|
margin: 0 !important;
|
||||||
}
|
|
||||||
|
|
||||||
html:has(body[data-theme="dark"]) {
|
|
||||||
background-color: #141414 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
body:not([data-theme="dark"]) .alayhead {
|
|
||||||
background-color: #f5f5f5 !important;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user