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

0.0.04 form poster

Browse Source
This commit is contained in:
SBD
2025-01-10 00:57:31 +03:00
parent 75a312c1d6
commit 72f04e0d48
28 changed files with 331 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -11,6 +11,12 @@
--label-font-size: 16px;
--label-font-weight: 500;
--textarea-min-width: 100%;
--textarea-max-width: 100%;
--textarea-width: 100%;
--textarea-height: unset;
--textarea-resize: none;
box-sizing: border-box;
label{
display: block;
@@ -27,9 +33,37 @@
input{
padding: 20px 10px;
border: 1px solid var(--input-border);
border: 2px solid var(--input-border);
border-radius: var(--input-border-radius);
font-size: var(--input-font-size);
font-family: var(--main-font-family), serif;
box-sizing: border-box;
outline: none;
&.dropped{
border: none;
outline: none;
background: none;
padding: 0;
border-radius: 0;
}
&::placeholder{
font-size: var(--placeholder-font-size);
color: var(--placeholder-color);
}
}
textarea{
padding: 20px 10px;
border: 2px solid var(--input-border);
border-radius: var(--input-border-radius);
font-size: var(--input-font-size);
font-family: var(--main-font-family), serif;
min-width: var(--textarea-min-width);
max-width: var(--textarea-max-width);
width: var(--textarea-width);
height: var(--textarea-height);
resize: var(--textarea-resize);
outline: none;
box-sizing: border-box;
&::placeholder{
font-size: var(--placeholder-font-size);
color: var(--placeholder-color);

9
static/v2/css/forms/f_make_poster_order.css Normal file
View File

@@ -0,0 +1,9 @@
.f_make_poster_order{
.form_line{
padding: 40px 0;
border-bottom: 1px solid #E6E6E6;
&:last-of-type{
border-bottom: none;
}
}
}

7
static/v2/css/twb.css Normal file
View File

@@ -0,0 +1,7 @@
:root{
--main-font-family: 'Inter';
}
.trans_block{
display: none!important;
}

20
static/v2/css/widgets/w_datarangepicker.css Normal file
View File

@@ -0,0 +1,20 @@
.w_daterangepicker{
--range-picker-border: #E6E6E6;
--range-picker-border-radius: 10px;
.date_range_input_cont{
display: flex;
justify-content: space-between;
gap: 10px;
border: 2px solid var(--range-picker-border);
border-radius: var(--range-picker-border-radius);
padding: 24px 10px;
background: #FFFFFF;
input{
width: calc(100% - 28px);
}
img{
width: 18px;
height: 20px;
}
}
}

15
static/v2/css/widgets/w_pay_attention.css Normal file
View File

@@ -0,0 +1,15 @@
.w_pay_attention {
--pay-attenttion-text-color: #27242499;
display: flex;
align-items: center;
gap: 5px;
margin-top: 20px;
img{
height: 24px;
width: 24px;
display: block;
}
div{
color: var(--pay-attenttion-text-color);
}
}

29
static/v2/css/widgets/w_radio_inputs.css Normal file
View File

@@ -0,0 +1,29 @@
.w_radio_inputs{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px 40px;
margin-top: 20px;
--radio-font-size: 16px;
.cw_w_radio_inputs_radio_input{
display: flex;
align-items: center;
gap: 10px;
.radio{
background: #FFFFFF;
border: 1px solid #E6E6E6;
height: 30px;
width: 30px;
border-radius: 10px;
&:hover{
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}
&.checked{
background: #FF613A;
box-shadow: 0 -1px 10px rgba(198, 199, 203, 0.2), -1px 4px 10px rgba(198, 199, 203, 0.2);
}
}
.radio_label{
font-size: var(--radio-font-size);
}
}
}

35
static/v2/css/widgets/w_select_country.css
View File

@@ -1,9 +1,9 @@
.w_select_country {
position: relative;
--header-padding: 10px 20px;
--header-padding: 20px 10px;
--select-border: #E6E6E6;
--select-border-radius: 10px 10px 0 0;
--select-height: 48px;
--select-height: 68px;
&.closed{
--select-border-radius: 10px;
@@ -15,9 +15,9 @@
align-items: center;
gap: 10px;
justify-content: space-between;
border: 1px solid var(--select-border);
border: 2px solid var(--select-border);
border-radius: var(--select-border-radius);
padding: 10px;
padding: 19px 10px;
background: #FFFFFF;
.select_country_header_left_part{
@@ -44,12 +44,7 @@
}
}
input{
border: none;
outline: none;
background: none;
padding: 0;
flex-grow: 1;
border-radius: 0;
}
}
.w_select_country_icon{
@@ -68,22 +63,14 @@
max-height: 200px;
overflow: auto;
&::-webkit-scrollbar-thumb {
background-color: #CCCED1FF;
border-radius: 5px;
width: 6px;
display: block;
border: 1px solid #EDEDEDFF;
transition: 200ms all;
}
&::-webkit-scrollbar {
background-color: #EDEDEDFF;
width: 8px;
display: block;
padding-left: 15px;
transition: 500ms all;
opacity: 100%;
border-radius: 5px;
width: 10px;
}
&::-webkit-scrollbar-thumb {
background-color: #FF613A;
border-radius: 20px;
border: 3px solid white;
}
}
.cw_w_select_widget_for_select{

10
static/v2/css/widgets/w_textarea_w_counter.css Normal file
View File

@@ -0,0 +1,10 @@
.w_textarea_w_counter {
--counter-font-size: 14px;
--counter-color: #27242499;
.symbols_counter{
width: 100%;
text-align: right;
font-size: var(--counter-font-size);
color: var(--counter-color);
}
}