OpenSourceJoker/vue-color-avatar
OpenSourceJoker/vue-color-avatar
3
0
Fork 0
mirror of https://github.com/Codennnn/vue-color-avatar.git synced 2024-12-22 20:22:39 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Change aside style

Browse Source
This commit is contained in:
LeoKu 2022-06-11 00:53:52 +08:00
parent b6fc6eef52
commit 7e865e8bd4
3 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/App.vue
View File

@ -291,7 +291,6 @@ function handleAction(actionType: ActionType) {
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden;
@mixin gradient-style($color) { @mixin gradient-style($color) {
position: absolute; position: absolute;

5
src/components/Configurator.vue
View File

@ -212,7 +212,10 @@ function setWidgetColor(widgetType: WidgetType, fillColor: string) {
.configurator-scroll { .configurator-scroll {
width: var.$layout-sider-width; width: var.$layout-sider-width;
height: 100%; height: 100%;
@media screen and (max-width: var.$screen-lg) {
background-color: var.$color-configurator; background-color: var.$color-configurator;
}
} }
.configurator { .configurator {
@ -360,7 +363,7 @@ function setWidgetColor(widgetType: WidgetType, fillColor: string) {
} }
&:hover { &:hover {
background-color: darken(var.$color-configurator, 3); background-color: lighten(var.$color-configurator, 0);
} }
& > :deep(svg) { & > :deep(svg) {

2
src/layouts/Sider.vue
View File

@ -26,11 +26,9 @@ const { isCollapsed, openSider, closeSider } = useSider()
height: 100%; height: 100%;
@media (prefers-reduced-motion: no-preference) { @media (prefers-reduced-motion: no-preference) {
& {
transition: transform 0.2s; transition: transform 0.2s;
will-change: transform; will-change: transform;
} }
}
.icon-right { .icon-right {
transition: transform 0.2s; transition: transform 0.2s;