This commit is contained in:
syuilo 2021-09-21 04:09:28 +09:00
parent bf2460d5d3
commit 653544c657
4 changed files with 14 additions and 8 deletions

View file

@ -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);
} }
} }
} }

View file

@ -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>

View file

@ -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;

View file

@ -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;