mirror of
https://github.com/ZiuChen/ClipboardManager.git
synced 2025-06-08 14:24:03 +08:00
feat: 优化界面动效
This commit is contained in:
parent
7fe706d94f
commit
638e990b65
@ -9,6 +9,7 @@
|
|||||||
border-width: 1px 0px 0px 0px;
|
border-width: 1px 0px 0px 0px;
|
||||||
border-color: @text-bg-color-lighter @bg-color @bg-color @bg-color;
|
border-color: @text-bg-color-lighter @bg-color @bg-color @bg-color;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
transition: all 0.15s;
|
||||||
&.active {
|
&.active {
|
||||||
border-style: hidden hidden hidden solid;
|
border-style: hidden hidden hidden solid;
|
||||||
border-width: 1px 0px 0px 6px;
|
border-width: 1px 0px 0px 6px;
|
||||||
@ -40,6 +41,7 @@
|
|||||||
padding: 5px 7px 5px 7px;
|
padding: 5px 7px 5px 7px;
|
||||||
&.clip-data-status {
|
&.clip-data-status {
|
||||||
color: @primary-color;
|
color: @primary-color;
|
||||||
|
transition: all 0.15s;
|
||||||
&:hover {
|
&:hover {
|
||||||
color: @bg-color;
|
color: @bg-color;
|
||||||
background-color: @primary-color;
|
background-color: @primary-color;
|
||||||
@ -93,6 +95,7 @@
|
|||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
|
transition: all 0.15s;
|
||||||
&:hover {
|
&:hover {
|
||||||
color: @bg-color;
|
color: @bg-color;
|
||||||
background: @primary-color;
|
background: @primary-color;
|
||||||
|
@ -9,6 +9,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
color: @text-color;
|
color: @text-color;
|
||||||
background-color: @nav-bg-color;
|
background-color: @nav-bg-color;
|
||||||
|
transition: all 0.15s;
|
||||||
.active {
|
.active {
|
||||||
color: @primary-color;
|
color: @primary-color;
|
||||||
background-color: @bg-color;
|
background-color: @bg-color;
|
||||||
@ -26,6 +27,7 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
transition: all 0.15s;
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: @nav-hover-bg-color;
|
background-color: @nav-hover-bg-color;
|
||||||
transition: all 0.15s ease-in-out;
|
transition: all 0.15s ease-in-out;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user