renun/BewlyBewly
1
0
Fork 0
mirror of https://github.com/BewlyBewly/BewlyBewly.git synced 2025-04-14 13:15:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor: use a.link selector to change <a> tag styles

Browse Source
This commit is contained in:
Hakadao
2024-10-13 22:37:10 +08:00
parent 619dc034af
commit 3fec851ffe
6 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/_locales/cmn-CN.yml
View File

@@ -111,7 +111,7 @@ settings:
jyut: 廣東話
customize_font: 自定义字体
customize_font_desc: |-
对于喜欢旧字形的用户，我们推荐 <a href="https://github.com/GuiWonder/Shanggu" target="_blank">Shanggu Fonts (尚古字型)</a> 和 <a href="https://github.com/ayaka14732/FanWunHak" target="_blank">Fan Wun Hak (繁媛黑體)</a>。
对于喜欢旧字形的用户，我们推荐 <a class="link" href="https://github.com/GuiWonder/Shanggu" target="_blank">Shanggu Fonts (尚古字型)</a> 和 <a class="link" href="https://github.com/ayaka14732/FanWunHak" target="_blank">Fan Wun Hak (繁媛黑體)</a>。
这些字形还具有将简体中文转换为繁体/正体中文的能力。
remove_the_indent_from_chinese_punctuation: 移除中文标点符号的缩进
remove_the_indent_from_chinese_punctuation_desc: >

2
src/_locales/cmn-TW.yml
View File

@@ -111,7 +111,7 @@ settings:
jyut: 廣東話
customize_font: 自訂字型
customize_font_desc: |-
對於喜歡舊字形的用戶，我們推薦 <a href="https://github.com/GuiWonder/Shanggu" target="_blank">Shanggu Fonts (尚古字型)</a> 和 <a href="https://github.com/ayaka14732/FanWunHak" target="_blank">Fan Wun Hak (繁媛黑體)</a>。
對於喜歡舊字形的用戶，我們推薦 <a class="link" href="https://github.com/GuiWonder/Shanggu" target="_blank">Shanggu Fonts (尚古字型)</a> 和 <a class="link" href="https://github.com/ayaka14732/FanWunHak" target="_blank">Fan Wun Hak (繁媛黑體)</a>。
這些字型還具有將簡體中文轉換為繁體/正體中文的能力。
remove_the_indent_from_chinese_punctuation: 移除中文標點符號的縮排
remove_the_indent_from_chinese_punctuation_desc: >

2
src/_locales/en.yml
View File

@@ -111,7 +111,7 @@ settings:
jyut: Cantonese
customize_font: Customize font
customize_font_desc: |-
For users who favor the traditional style of Chinese characters, we recommend <a href="https://github.com/GuiWonder/Shanggu" target="_blank">Shanggu Fonts (尚古字體)</a> and <a href="https://github.com/ayaka14732/FanWunHak" target="_blank">Fan Wun Hak (繁媛黑體)</a>.
For users who favor the traditional style of Chinese characters, we recommend <a class="link" href="https://github.com/GuiWonder/Shanggu" target="_blank">Shanggu Fonts (尚古字體)</a> and <a class="link" href="https://github.com/ayaka14732/FanWunHak" target="_blank">Fan Wun Hak (繁媛黑體)</a>.
These fonts also possess the capability to convert simplified Chinese into traditional characters.
remove_the_indent_from_chinese_punctuation: Remove the indent from Chinese punctuation
remove_the_indent_from_chinese_punctuation_desc: >

2
src/_locales/jyut.yml
View File

@@ -111,7 +111,7 @@ settings:
jyut: 廣東話
customize_font: 自訂字型
customize_font_desc: |-
對於舊字形嘅用戶，我哋推介 <a href="https://github.com/GuiWonder/Shanggu" target="_blank">Shanggu Fonts (尚古字型)</a> 同 <a href="https://github.com/ayaka14732/FanWunHak" target="_blank">Fan Wun Hak (繁媛黑體)</a>。
對於舊字形嘅用戶，我哋推介 <a class="link" href="https://github.com/GuiWonder/Shanggu" target="_blank">Shanggu Fonts (尚古字型)</a> 同 <a class="link" href="https://github.com/ayaka14732/FanWunHak" target="_blank">Fan Wun Hak (繁媛黑體)</a>。
呢啲字型仲可以將簡體中文轉做繁體/正體中文。
remove_the_indent_from_chinese_punctuation: 移除中文標點符號嘅縮排
remove_the_indent_from_chinese_punctuation_desc: >

7
src/components/Settings/General/General.vue
View File

@@ -92,7 +92,7 @@ watch(() => settings.value.language, (newValue) => {
<Radio v-model="settings.customizeFont" />
<template v-if="settings.customizeFont" #bottom>
<Input v-model="settings.fontFamily" @keydown.stop.passive="() => {}" />
<div class="customize-font-desc" text="sm $bew-text-2" mt-1 v-html="t('settings.customize_font_desc')" />
<div text="sm $bew-text-2" mt-1 v-html="t('settings.customize_font_desc')" />
</template>
</SettingsItem>
<SettingsItem :title="$t('settings.remove_the_indent_from_chinese_punctuation')" :desc="$t('settings.remove_the_indent_from_chinese_punctuation_desc')">
@@ -148,9 +148,4 @@ watch(() => settings.value.language, (newValue) => {
</template>
<style lang="scss" scoped>
:deep(.customize-font-desc) {
a {
--uno: "text-$bew-theme-color hover:text-$bew-theme-color-80";
}
}
</style>

8
src/styles/main.scss
View File

@@ -131,6 +131,14 @@ img {
0 -1.4px 0 0 var(--bew-fill-2);
}
}
a.link {
color: var(--bew-theme-color);
&:hover {
color: var(--bew-theme-color-80);
}
}
}
// Prevent the scrollbar from being covered by the other elements