Update styles for content section

This commit is contained in:
JeremyWuuuuu 2022-04-05 14:57:21 +08:00 committed by zouhang
parent f994101b27
commit 9107187728
2 changed files with 10 additions and 4 deletions

View File

@ -24,7 +24,6 @@ defineProps<{
<style scoped lang="scss">
.social-link {
padding: 0 4px;
color: var(--text-color);
}
</style>

View File

@ -1,4 +1,5 @@
@use './mixins' as *;
@use './vars' as *;
@use './content/doc-content';
@use './content/hero-content';
@ -7,14 +8,20 @@
padding-top: var(--nav-height);
&.has-sidebar {
padding-left: var(--sidebar-width-sm);
padding-left: calc(var(--sidebar-width-sm) + 10px);
@include respond-to('xlg') {
padding-left: var(--vp-sidebar-width-small);
padding-left: calc(var(--vp-sidebar-width-small) - $scrollbar-size);
}
@include respond-to('xxl') {
padding-left: calc(
(100vw - var(--vp-screen-max-width)) / 2 +
var(--vp-sidebar-width-small)
var(--vp-sidebar-width-small) - 42px
);
}
@include respond-to('max') {
padding-left: calc(
(100vw - var(--vp-screen-max-width)) / 2 +
var(--vp-sidebar-width-small) - 4px
);
}
}