MrSphay/Modrinth-plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: advanced rendering toggle in app barely worked (#6056)

Browse Source
This commit is contained in:
Prospector
2026-05-09 14:12:52 -07:00
committed by GitHub
parent c7602602e5
commit c1c86e3b72
2 changed files with 29 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/app-frontend/src/App.vue
View File

@@ -1647,6 +1647,12 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
&.app-contents::before { &.app-contents::before {
box-shadow: none; box-shadow: none;
} }
*,
:deep(*) {
box-shadow: none !important;
--tw-drop-shadow:;
}
} }
.app-sidebar::before { .app-sidebar::before {

24
packages/ui/src/components/base/ButtonStyled.vue
View File

@@ -241,7 +241,10 @@ const fontSize = computed(() => {
<template> <template>
<div <div
class="btn-wrapper" class="btn-wrapper"
:class="[{ outline: type === 'outlined', chip: type === 'chip' }, fontSize]" :class="[
{ outline: type === 'outlined', transparent: type === 'transparent', chip: type === 'chip' },
fontSize,
]"
:style="`${colorVariables}--_height:${height};--_width:${width};--_radius: ${radius};--_padding-x:${paddingX};--_padding-y:${paddingY};--_gap:${gap};--_font-weight:${fontWeight};--_icon-size:${iconSize};--_outline-color:${color === 'standard' && type === 'outlined' ? 'var(--surface-5)' : 'currentColor'}`" :style="`${colorVariables}--_height:${height};--_width:${width};--_radius: ${radius};--_padding-x:${paddingX};--_padding-y:${paddingY};--_gap:${gap};--_font-weight:${fontWeight};--_icon-size:${iconSize};--_outline-color:${color === 'standard' && type === 'outlined' ? 'var(--surface-5)' : 'currentColor'}`"
> >
<slot /> <slot />
@@ -314,6 +317,25 @@ const fontSize = computed(() => {
} }
} }
.disable-advanced-rendering {
.btn-wrapper:not(.outline):not(.transparent) :deep(:is(button, a, .button-like):first-child),
.btn-wrapper:not(.outline):not(.transparent) :slotted(:is(button, a, .button-like):first-child),
.btn-wrapper:not(.outline):not(.transparent)
:slotted(*)
> :is(button, a, .button-like):first-child,
.btn-wrapper:not(.outline):not(.transparent)
:slotted(*)
> *:first-child
> :is(button, a, .button-like):first-child,
.btn-wrapper
:slotted(*)
> *:first-child
> *:first-child
> :is(button, a, .button-like):first-child {
@apply border border-[rgba(0,0,0,0.2)];
}
}
.btn-wrapper.outline :deep(:is(button, a, .button-like):first-child), .btn-wrapper.outline :deep(:is(button, a, .button-like):first-child),
.btn-wrapper.outline :slotted(:is(button, a, .button-like):first-child), .btn-wrapper.outline :slotted(:is(button, a, .button-like):first-child),
.btn-wrapper.outline :slotted(*) > :is(button, a, .button-like):first-child, .btn-wrapper.outline :slotted(*) > :is(button, a, .button-like):first-child,