sysadminix/tripwithbonus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0.0.34 forms

Browse Source
This commit is contained in:
SBD
2025-01-15 20:51:50 +03:00
parent 575ee074b1
commit 8f3bba620c
10 changed files with 76 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
static/v2/css/widgets/w_route_card.css
View File

@@ -26,6 +26,7 @@
--route-btn-border-radius: 10px;
--route-btn-padding: 7.5px 0;
--route-btn-width: 171px;
--route-btn-height: 100%;
--route-btn-bg: #FFFFFF;
--route-btn-hover-bg: #FF613A;
--route-btn-hover-text-color: #FFFFFF;
@@ -213,36 +214,53 @@
align-items: center;
gap: 20px;
}
.route_btn{
cursor: pointer;
&.solid{
--route-btn-width: 222px;
--route-btn-padding: 12px 0;
--route-btn-bg: #FF613A;
--route-btn-title-color: #ffffff;
}
width: var(--route-btn-width);
border: var(--route-btn-border);
border-radius: var(--route-btn-border-radius);
padding: var(--route-btn-padding);
background: var(--route-btn-bg);
height: 100%;
text-align: center;
transition: 200ms all;
}
.route_btn{
cursor: pointer;
&.solid{
--route-btn-width: 222px;
--route-btn-padding: 12px 0;
--route-btn-bg: #FF613A;
--route-btn-title-color: #ffffff;
}
&.inactive{
cursor: default;
--route-btn-title-color: #27242499;
--route-btn-border: 1.5px solid #FF613A99;
}
width: var(--route-btn-width);
border: var(--route-btn-border);
border-radius: var(--route-btn-border-radius);
padding: var(--route-btn-padding);
background: var(--route-btn-bg);
height: var(--route-btn-height);
text-align: center;
transition: 200ms all;
&:has(img){
display: flex;
gap: 5px;
align-items: center;
justify-content: center;
text-align: unset;
}
&:not(&.inactive){
&:hover{
background: var(--route-btn-hover-bg);
.route_btn_title{color: var(--route-btn-hover-text-color);}
.route_btn_data{color: var(--route-btn-hover-text-color);}
box-shadow: 0 4px 4px rgba(189, 104, 104, 0.25);
}
.route_btn_title{
color: var(--route-btn-title-color);
font-size: var(--medium-font-size);
}
.route_btn_data{
font-size: var(--small-font-size);
color: var(--route-btn-text-data-color);
}
.route_btn_title{
color: var(--route-btn-title-color);
font-size: var(--medium-font-size);
&.big{
font-size: var(--big-font-size);
}
}
.route_btn_data{
font-size: var(--small-font-size);
color: var(--route-btn-text-data-color);
}
}
}