fix: mobile view scroll, missing logo
This commit is contained in:
parent
5a96372142
commit
aed6f4dcea
|
|
@ -15,7 +15,7 @@
|
|||
</defs>
|
||||
</svg>
|
||||
|
||||
<span class="hidden font-bold sm:inline-block">
|
||||
<span class="font-bold ">
|
||||
shadcn-vue
|
||||
</span>
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
||||
pre code {
|
||||
@apply relative rounded font-mono text-sm ;
|
||||
@apply relative font-mono text-sm ;
|
||||
}
|
||||
|
||||
pre code .line {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user