fix: footer text

pull/30/MERGE
xingyu 2023-08-11 21:03:25 +08:00
parent b5f17955df
commit e8c9af962f
2 changed files with 13 additions and 7 deletions

View File

@ -2,7 +2,7 @@
@import "easing"; @import "easing";
@import "breakpoint"; @import "breakpoint";
@namespace: vben; @namespace: xingyuv;
// tabs // tabs
@multiple-height: 30px; @multiple-height: 30px;

View File

@ -55,22 +55,28 @@ const getShowLayoutFooter = computed(() => {
<style lang="less" scoped> <style lang="less" scoped>
@prefix-cls: ~'@{namespace}-layout-footer'; @prefix-cls: ~'@{namespace}-layout-footer';
@normal-color: rgba(0, 0, 0, 0.45); html{
--normal-text:#b6b7b9;
--hover-text: rgb(0 0 0 / 85%);
}
@hover-color: rgba(0, 0, 0, 0.85); html[data-theme="dark"] {
--normal-text:rgb(255 255 255 0.85);
--hover-text: rgb(0 0 0 / 85%);
}
.@{prefix-cls} { .@{prefix-cls} {
color: @normal-color; color: var(--normal-text);
text-align: center; text-align: center;
&__links { &__links {
margin-bottom: 8px; margin-bottom: 8px;
a { a {
color: @normal-color; color: var(--normal-text);
&:hover { &:hover {
color: @hover-color; color: var(--hover-text);
} }
} }
} }
@ -79,7 +85,7 @@ const getShowLayoutFooter = computed(() => {
margin: 0 30px; margin: 0 30px;
&:hover { &:hover {
color: @hover-color; color: var(--hover-text);
} }
} }
} }