🎨
This commit is contained in:
parent
78f95b5910
commit
85950f17fa
4 changed files with 14 additions and 8 deletions
|
@ -108,12 +108,12 @@ export default defineComponent({
|
||||||
margin: 8px 8px 0 0;
|
margin: 8px 8px 0 0;
|
||||||
padding: 4px 8px;
|
padding: 4px 8px;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
background: var(--panel);
|
background: var(--accentedBg);
|
||||||
border: solid 0.5px var(--divider);
|
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
border-color: var(--accent);
|
background: var(--accent);
|
||||||
|
color: var(--fgOnAccent);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<XCategory v-if="tab === 'category'"/>
|
<div :class="$style.root">
|
||||||
|
<XCategory v-if="tab === 'category'"/>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
@ -26,5 +28,9 @@ export default defineComponent({
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" module>
|
||||||
|
.root {
|
||||||
|
max-width: 1000px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -393,7 +393,7 @@ export default defineComponent({
|
||||||
&:before {
|
&:before {
|
||||||
content: "";
|
content: "";
|
||||||
display: block;
|
display: block;
|
||||||
width: calc(100% - 20px);
|
width: calc(100% - 24px);
|
||||||
height: 100%;
|
height: 100%;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
@ -312,8 +312,8 @@ export default defineComponent({
|
||||||
|
|
||||||
> .widgets {
|
> .widgets {
|
||||||
padding: 0 var(--margin);
|
padding: 0 var(--margin);
|
||||||
//border-left: solid 0.5px var(--divider);
|
border-left: solid 0.5px var(--divider);
|
||||||
background: var(--navBg);
|
background: var(--bg);
|
||||||
|
|
||||||
@media (max-width: $widgets-hide-threshold) {
|
@media (max-width: $widgets-hide-threshold) {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
Loading…
Reference in a new issue