fix: mobile view scroll, missing logo

This commit is contained in:
zernonia 2023-09-06 20:49:48 +08:00
parent 5a96372142
commit aed6f4dcea
4 changed files with 6 additions and 6 deletions

View File

@ -15,7 +15,7 @@
</defs>
</svg>
<span class="hidden font-bold sm:inline-block">
<span class="font-bold ">
shadcn-vue
</span>
</a>

View File

@ -15,7 +15,7 @@ const open = ref(false)
<SheetTrigger as-child>
<Button
variant="ghost"
class="mr-2 px-0 text-base hover:bg-transparent focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0 md:hidden"
class="mr-2 px-2 text-base flex-shrink-0 hover:bg-transparent focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0 md:hidden"
>
<ViewVerticalIcon class="h-5 w-5" />
<span class="sr-only">Toggle Menu</span>

View File

@ -128,14 +128,14 @@
}
div[class^="language-"] {
@apply mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border !bg-zinc-950 dark:!bg-zinc-900
@apply mb-4 mt-6 max-h-[650px] overflow-x-auto md:rounded-lg border !bg-zinc-950 dark:!bg-zinc-900
}
pre {
@apply py-4;
@apply py-4;
}
pre code {
@apply relative rounded font-mono text-sm ;
@apply relative font-mono text-sm ;
}
pre code .line {

View File

@ -278,7 +278,7 @@
.vp-doc div[class*='language-'],
.vp-block {
position: relative;
margin: 16px -24px;
margin: 16px -16px;
background-color: var(--vp-code-block-bg);
overflow-x: auto;
transition: background-color 0.5s;