diff --git a/app/.vitepress/src/assets/svg-icons/icon-header-moon.svg b/app/.vitepress/src/assets/svg-icons/icon-header-moon.svg index 0ea8cc4417ed9603faa682be7ed03209e61d0e56..bc76468e8d378e03acb4167622e30fec1bc6e268 100644 --- a/app/.vitepress/src/assets/svg-icons/icon-header-moon.svg +++ b/app/.vitepress/src/assets/svg-icons/icon-header-moon.svg @@ -1,3 +1,3 @@ - - - + + + \ No newline at end of file diff --git a/app/.vitepress/src/assets/svg-icons/icon-header-person.svg b/app/.vitepress/src/assets/svg-icons/icon-header-person.svg index ea47e9ca566d23715ca537cb32ba7586f7914c38..e5e7cd0f16f85df584b3edeaa48f074b42624547 100644 --- a/app/.vitepress/src/assets/svg-icons/icon-header-person.svg +++ b/app/.vitepress/src/assets/svg-icons/icon-header-person.svg @@ -1,3 +1,3 @@ - - - + + + \ No newline at end of file diff --git a/app/.vitepress/src/assets/svg-icons/icon-locale.svg b/app/.vitepress/src/assets/svg-icons/icon-locale.svg new file mode 100644 index 0000000000000000000000000000000000000000..6ff893f84985e010d6ef69abc29442c6c536ff87 --- /dev/null +++ b/app/.vitepress/src/assets/svg-icons/icon-locale.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/app/.vitepress/src/assets/svg-icons/icon-sun-outline.svg b/app/.vitepress/src/assets/svg-icons/icon-sun-outline.svg index 5bfc68965118ffe7ce1238cca5bf833240cea82d..d6be0b8ae7ffe62e71d1f3c794ddf88ce97392eb 100644 --- a/app/.vitepress/src/assets/svg-icons/icon-sun-outline.svg +++ b/app/.vitepress/src/assets/svg-icons/icon-sun-outline.svg @@ -1,3 +1,3 @@ - - - + + + \ No newline at end of file diff --git a/app/.vitepress/src/components/header/HeaderCode.vue b/app/.vitepress/src/components/header/HeaderCode.vue index 06378aa1106c36dc163e99624dda9771e80d775c..b5e327a7a8196d1f415dc44e064eb1575d350508 100644 --- a/app/.vitepress/src/components/header/HeaderCode.vue +++ b/app/.vitepress/src/components/header/HeaderCode.vue @@ -54,6 +54,10 @@ const itemChange = (data: any) => { cursor: pointer; color: var(--o-color-info1); + &:hover { + color: var(--o-color-primary1); + } + .title { display: flex; align-items: center; diff --git a/app/.vitepress/src/components/header/HeaderLanguage.vue b/app/.vitepress/src/components/header/HeaderLanguage.vue index b9b3a1a6e1151bb7d1e6bb61592396664bc1c284..488310acb867cd4bc0777df9ab03a5ac88a0777e 100644 --- a/app/.vitepress/src/components/header/HeaderLanguage.vue +++ b/app/.vitepress/src/components/header/HeaderLanguage.vue @@ -3,7 +3,7 @@ import { ref, type Ref, watch } from 'vue'; import { useRouter, useData } from 'vitepress'; import { OIcon, ODropdown, ODropdownItem } from '@opensig/opendesign'; -import IconChevronDown from '~icons/app/icon-chevron-down.svg'; +import IconLocale from '~icons/app/icon-locale.svg'; import { useLangStore } from '@/stores/common'; import { useScreen } from '@/composables/useScreen'; @@ -74,21 +74,25 @@ watch( { immediate: true } ); -const getLang = (lang: string) => { - return lang === 'zh' ? '中文' : 'EN'; +const getLang = (lang: String, simple?: boolean) => { + return lePadV.value ? + lang === 'zh' ? '中文' : 'EN' + : lang === 'zh' ? simple ? '中' : '简体中文' : simple ? 'EN' : 'English'; }; diff --git a/app/.vitepress/src/components/header/HeaderSearch.vue b/app/.vitepress/src/components/header/HeaderSearch.vue index 646ec3e194e80906c7b7d07c0c8c997c8edbdc22..f9b4264fffa47cea7682a21d22f94909356df67e 100644 --- a/app/.vitepress/src/components/header/HeaderSearch.vue +++ b/app/.vitepress/src/components/header/HeaderSearch.vue @@ -401,9 +401,7 @@ const closeSearch = () => { color: var(--o-color-info1); padding-top: var(--o-gap-1); cursor: pointer; - svg { - width: var(--o-icon_size-s); - } + font-size: var(--o-icon_size-s); } } } diff --git a/app/.vitepress/src/components/header/HeaderTheme.vue b/app/.vitepress/src/components/header/HeaderTheme.vue index 907619b7dfafcca436ecbb4c5a5c871db3b16c01..c2510125fc7eece98a7c5d0d720a42c39b793858 100644 --- a/app/.vitepress/src/components/header/HeaderTheme.vue +++ b/app/.vitepress/src/components/header/HeaderTheme.vue @@ -84,10 +84,14 @@ watch( .theme-box-pc { display: flex; align-items: center; + height: 100%; cursor: pointer; color: var(--o-color-info1); .icon { - font-size: 20px; + font-size: var(--o-icon_size-m); + @include hover { + color: var(--o-color-primary1); + } } @include respond-to('<=pad_v') { display: none; diff --git a/app/.vitepress/src/components/markdown/MarkdownTitle.vue b/app/.vitepress/src/components/markdown/MarkdownTitle.vue index 1e260d1fd4b7a1f3808159359271b0e89f10a0f0..d1af3dc76eb330f833f350511c5b298e48ecd136 100644 --- a/app/.vitepress/src/components/markdown/MarkdownTitle.vue +++ b/app/.vitepress/src/components/markdown/MarkdownTitle.vue @@ -69,21 +69,23 @@ const onClickCopyLink = (e: MouseEvent) => { @@ -91,39 +93,50 @@ const onClickCopyLink = (e: MouseEvent) => { .title-wrap { position: relative; display: inline-flex; - align-items: center; cursor: pointer; + .title { + flex: 1; + display: inline; + overflow-wrap: break-word; + word-wrap: break-word; + word-break: normal; + } + span { display: inline-flex; } - .pin, .link { + .pin, + .copy-link { @include h2; } - .link { - display: inline-flex; - align-items: center; + .copy-link-wrap { + position: relative; + width: 1em; + height: 1em; + margin-left: 6px; + clear: both; - @include hover { - color: var(--o-color-primary1); + @include respond-to('<=laptop') { + margin-left: 4px; } } .copy-link { - margin-left: 6px; + position: absolute; + top: 2px; - @include respond-to('<=laptop') { - margin-left: 4px; + @include hover { + color: var(--o-color-primary1); } } .pin { position: absolute; left: -28px; - top: 50%; - transform: translateY(-50%); + top: 4px; padding-right: 4px; transition: opacity var(--o-duration-l) var(--o-easing-standard-in); opacity: 0;