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

0.0.130 search routes

Browse Source
This commit is contained in:
SBD
2025-01-24 18:14:22 +03:00
parent e217506627
commit 4c7126f414
6 changed files with 130 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
static/v2/css/forms.css
View File

@@ -24,7 +24,7 @@
--error-color: #FF0000;
box-sizing: border-box;
&.line{
display: flex;
align-items: center;
@@ -110,44 +110,85 @@
font-size: var(--error-font-size);
color: var(--error-color);
}
}
.form_line{
--display: flex;
&._50_grid {
--display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
select{
--select-padding: 14px 10px;
--select-bg: #FFFFFF;
--select-border: #E6E6E6;
--select-font-size: 14px;
--select-border-radius: 10px;
--select-width: 100%;
width: var(--select-width);
padding: var(--select-padding);
background: var(--select-bg);
border: 1px solid var(--select-border);
border-radius: var(--select-border-radius);
font-size: var(--select-font-size);
outline: none;
appearance: none;
background: white url(/static/img/png/icon-arrow.svg) no-repeat calc(100% - 15px) center;
}
display: var(--display);
justify-content: space-between;
}
button[type="submit"]{
--submit-button-bg: #FF613A;
--submit-button-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);
form {
--submit-button-border: none;
--submit-button-border-radius: 10px;
--submit-button-font-size: 18px;
--submit-button-color: #FFFFFF;
--submit-button-font-weight: 600;
.form_line{
--display: flex;
&._50_grid {
--display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
display: var(--display);
justify-content: space-between;
}
--submit-button-width: 100%; /* initial */
--submit-button-padding: 17px;
button[type="submit"]{
--submit-button-bg: #FF613A;
--submit-button-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);
outline: none;
--submit-button-border: none;
--submit-button-border-radius: 10px;
--submit-button-font-size: 18px;
--submit-button-color: #FFFFFF;
--submit-button-font-weight: 600;
background: var(--submit-button-bg);
box-shadow: var(--submit-button-box-shadow);
--submit-button-width: 100%; /* initial */
--submit-button-padding: 17px;
width: var(--submit-button-width);
padding: var(--submit-button-padding);
outline: none;
border: var(--submit-button-border);
border-radius: var(--submit-button-border-radius);
background: var(--submit-button-bg);
box-shadow: var(--submit-button-box-shadow);
color: var(--submit-button-color);
font-size: var(--submit-button-font-size);
font-weight: var(--submit-button-font-weight);
width: var(--submit-button-width);
padding: var(--submit-button-padding);
border: var(--submit-button-border);
border-radius: var(--submit-button-border-radius);
color: var(--submit-button-color);
font-size: var(--submit-button-font-size);
font-weight: var(--submit-button-font-weight);
}
--label-color: #000;
--label-required-color: #FF613A;
--label-font-size: 16px;
--label-font-weight: 500;
.label{
display: block;
color: var(--label-color);
font-weight: var(--label-font-weight);
&:has(div){
display: flex;
align-items: center;
gap: 5px;
}
.required_field_icon{
color: var(--label-required-color);
}
}
}