fix: styling discrepancies on macOS 11.x below (#245)
This commit is contained in:
parent
f00a959db3
commit
d472836d5f
|
@ -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');
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue