Fix misc ui overflow issues (#5357)
Co-authored-by: Creeperkatze <178587183+Creeperkatze@users.noreply.github.com>
This commit is contained in:
@@ -19,7 +19,7 @@
|
|||||||
<NuxtLink
|
<NuxtLink
|
||||||
v-else-if="item.link ?? item.to"
|
v-else-if="item.link ?? item.to"
|
||||||
:to="(item.link ?? item.to) as string"
|
:to="(item.link ?? item.to) as string"
|
||||||
class="nav-item inline-flex w-full cursor-pointer items-center gap-2 text-nowrap rounded-xl border-none bg-transparent px-4 py-2.5 text-left text-base font-semibold leading-tight text-button-text transition-all hover:bg-button-bg hover:text-contrast active:scale-[0.97]"
|
class="nav-item inline-flex w-full cursor-pointer items-center gap-2 rounded-xl border-none bg-transparent px-4 py-2.5 text-left text-base font-semibold leading-tight text-button-text transition-all hover:bg-button-bg hover:text-contrast active:scale-[0.97]"
|
||||||
:class="{ 'is-active': isActive(item as NavStackLinkItem) }"
|
:class="{ 'is-active': isActive(item as NavStackLinkItem) }"
|
||||||
>
|
>
|
||||||
<component
|
<component
|
||||||
|
|||||||
@@ -98,7 +98,7 @@ function getPreviewClass(option: T): string {
|
|||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.theme-options {
|
.theme-options {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
|
grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
|
||||||
gap: var(--gap-lg);
|
gap: var(--gap-lg);
|
||||||
|
|
||||||
.preview {
|
.preview {
|
||||||
|
|||||||
Reference in New Issue
Block a user