fix(docs): fix the issue of the theme switch button not being centered (#1533)

This commit is contained in:
chenxi-20 2024-04-08 16:12:11 +08:00 committed by GitHub
parent e1bddf9f64
commit fc600470d4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 4 deletions

View File

@ -7,11 +7,9 @@
</tiny-tooltip> </tiny-tooltip>
</div> </div>
<!-- 切換主题样式 --> <!-- 切換主题样式 -->
<tiny-dropdown v-if="!templateModeState.isSaas" class="theme-change-button" trigger="click"> <tiny-dropdown v-if="!templateModeState.isSaas" class="theme-change-button" trigger="click" :show-icon="false">
<tiny-tooltip :content="i18nByKey('changeTheme')" placement="left"> <tiny-tooltip :content="i18nByKey('changeTheme')" placement="left">
<span> <img :src="themeSvg" :alt="i18nByKey('changeTheme')" />
<img :src="themeSvg" :alt="i18nByKey('changeTheme')" />
</span>
</tiny-tooltip> </tiny-tooltip>
<template #dropdown> <template #dropdown>
<tiny-dropdown-menu :options="themeData"> <tiny-dropdown-menu :options="themeData">
@ -244,6 +242,7 @@ export default defineComponent({
border-radius: 100%; border-radius: 100%;
background-color: transparent; background-color: transparent;
img { img {
margin-right: calc(-1 * var(--ti-dropdown-trigger-title-margin-right));
display: block; display: block;
width: 26px; width: 26px;
height: 26px; height: 26px;