fix: styling discrepancies on macOS 11.x below (#245)

This commit is contained in:
Lykin 2024-04-30 17:13:32 +08:00
parent f00a959db3
commit d472836d5f
1 changed files with 2 additions and 11 deletions

View File

@ -172,7 +172,6 @@ const exThemeVars = computed(() => {
:options="preferencesOptions" :options="preferencesOptions"
:render-icon="({ icon }) => render.renderIcon(icon)" :render-icon="({ icon }) => render.renderIcon(icon)"
:render-label="({ label }) => render.renderLabel($t(label), { class: 'context-menu-item' })" :render-label="({ label }) => render.renderLabel($t(label), { class: 'context-menu-item' })"
content-class="nav-menu-button"
trigger="click" trigger="click"
@select="onSelectPreferenceMenu"> @select="onSelectPreferenceMenu">
<icon-button :icon="Config" :size="iconSize" :stroke-width="3" /> <icon-button :icon="Config" :size="iconSize" :stroke-width="3" />
@ -182,7 +181,6 @@ const exThemeVars = computed(() => {
:icon="QRCode" :icon="QRCode"
:size="iconSize" :size="iconSize"
:tooltip-delay="100" :tooltip-delay="100"
class="nav-menu-button"
t-tooltip="ribbon.wechat_official" t-tooltip="ribbon.wechat_official"
@click="openWechatOfficial" /> @click="openWechatOfficial" />
<icon-button <icon-button
@ -191,14 +189,12 @@ const exThemeVars = computed(() => {
:icon="Twitter" :icon="Twitter"
:size="iconSize" :size="iconSize"
:tooltip-delay="100" :tooltip-delay="100"
class="nav-menu-button"
t-tooltip="ribbon.follow_x" t-tooltip="ribbon.follow_x"
@click="openX" /> @click="openX" />
<icon-button <icon-button
:icon="Github" :icon="Github"
:size="iconSize" :size="iconSize"
:tooltip-delay="100" :tooltip-delay="100"
class="nav-menu-button"
t-tooltip="ribbon.github" t-tooltip="ribbon.github"
@click="openGithub" /> @click="openGithub" />
</div> </div>
@ -280,15 +276,10 @@ const exThemeVars = computed(() => {
.nav-menu-item { .nav-menu-item {
align-items: center; align-items: center;
padding: 10px 0 15px; padding: 10px 0 15px;
gap: 20px;
--wails-draggable: none; --wails-draggable: none;
.nav-menu-button { button {
margin-bottom: 6px; margin: 10px 0;
:hover {
color: v-bind('themeVars.primaryColor');
}
} }
} }
} }