faglo/main_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

iter 2

Browse Source
This commit is contained in:
Daniil
2026-04-04 14:51:40 +03:00
parent 10a1d28f77
commit 0523ef3d72
191 changed files with 12065 additions and 2658 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/entities/dashboard/ActionCard/ActionCard.module.scss
+22 -13
View File
@@ -10,8 +10,8 @@
width: 160px;
height: 160px;
background: variables.$bg-default;
border: 1px solid variables.$border-default;
background: linear-gradient(180deg, variables.$bg-default 0%, variables.$bg-surface 100%);
border: 1px solid variables.$border-subtle;
border-radius: variables.$radius-lg;
box-shadow: var(--shadow-sm);
@@ -19,29 +19,38 @@
cursor: pointer;
transition:
transform 0.15s ease,
box-shadow 0.15s ease,
border-color 0.15s ease,
color 0.15s ease;
transform variables.$duration-normal variables.$ease-out,
box-shadow variables.$duration-normal variables.$ease-out,
border-color variables.$duration-normal variables.$ease-out,
background variables.$duration-normal variables.$ease-out,
color variables.$duration-normal variables.$ease-out;
&:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-md);
transform: translateY(-4px);
box-shadow: var(--shadow-lg);
color: variables.$text-primary;
border-color: variables.$purple-300;
}
&:active {
transform: translateY(-1px);
box-shadow: var(--shadow-md);
}
&.accent {
background: variables.$purple-50;
border-color: variables.$purple-100;
color: variables.$purple-400;
background: linear-gradient(135deg, variables.$purple-400 0%, variables.$purple-600 100%);
border-color: transparent;
color: variables.$color-white;
box-shadow: 0 4px 14px hsla(262, 75%, 48%, 0.25);
&:hover {
background: variables.$purple-100;
border-color: variables.$purple-400;
background: linear-gradient(135deg, variables.$purple-500 0%, variables.$purple-700 100%);
box-shadow: 0 6px 20px hsla(262, 75%, 48%, 0.4);
}
}
}
.label {
@include typography.font-body-s;
font-weight: 500;
}