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> </defs>
</svg> </svg>
<span class="hidden font-bold sm:inline-block"> <span class="font-bold ">
shadcn-vue shadcn-vue
</span> </span>
</a> </a>

View File

@ -15,7 +15,7 @@ const open = ref(false)
<SheetTrigger as-child> <SheetTrigger as-child>
<Button <Button
variant="ghost" 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" /> <ViewVerticalIcon class="h-5 w-5" />
<span class="sr-only">Toggle Menu</span> <span class="sr-only">Toggle Menu</span>

View File

@ -128,14 +128,14 @@
} }
div[class^="language-"] { 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 { pre {
@apply py-4; @apply py-4;
} }
pre code { pre code {
@apply relative rounded font-mono text-sm ; @apply relative font-mono text-sm ;
} }
pre code .line { pre code .line {

View File

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