micord/ervu-lkrp-ul
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

auth

Browse source
This commit is contained in:
m.epshtein 2024-06-16 22:31:44 +03:00
parent 4633f4af21
commit ea4a9551b0
4 changed files with 42 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

33
frontend/src/resources/css/components-lkrp.css
View file

@ -155,21 +155,29 @@
margin-top: var(--indent-medium);
}
@media ((min-width: 481px) and (max-width: 780px)) {
}
@media (max-width: 480px) {
@media ((max-width: 780px) or ((orientation: landscape) and (max-device-width : 1024px))) {
.webbpm.ervu_lkrp_ul .main-block {
& > .horizontal-container {
flex-direction: column;
flex-direction: column-reverse;
}
.left-block {
padding-right: 0;
margin-bottom: var(--indent-medium);
margin-top: var(--indent-medium);
}
}
.webbpm.ervu_lkrp_ul .right-block .fieldset {
padding-top: 20px;
&::before {
top: 20px;
left: auto;
right: 20px;
}
}
}
@media (max-width: 480px) {
.webbpm.ervu_lkrp_ul .left-block {
.subtitle text {
padding-top: 60px;
@ -181,7 +189,6 @@
}
}
.fieldset {
legend + div > hbox:not(.subtitle) > .horizontal-container {
flex-direction: column;
}
@ -197,16 +204,6 @@
}
}
}
.webbpm.ervu_lkrp_ul .right-block .fieldset {
padding-top: 20px;
&::before {
top: 20px;
left: auto;
right: 20px;
}
}
}

21
frontend/src/resources/css/inbox-lkrp.css
View file

@ -93,10 +93,25 @@ body {
flex-direction: row;
align-items: center;
color: var(--white);
height: 24px;
padding: 0;
border: 0;
outline: none;
cursor: pointer;
&.dropdown-toggle::before {
display: inline-block;
content: "";
width: 24px;
height: 24px;
background-image: url(../img/svg/user-wt.svg);
}
&.dropdown-toggle::after {
width: 24px;
height: 24px;
background-image: url(../img/svg/arrow-down-wt.svg);
border: 0;
}
}
.dropdown-menu.show {
top: var(--h-header) !important;
@ -143,14 +158,14 @@ body {
}
}
@media ((min-width: 481px) and (max-width: 780px)) {
@media ((max-width: 780px) or ((orientation: landscape) and (max-device-width : 1024px))) {
.webbpm.ervu_lkrp_ul {
--w-screen: 32px;
--size-text-title: 28px;
--indent-huge: 40px;
--indent-big: 32px;
--indent-huge: 32px;
--indent-big: 24px;
--indent-medium: 24px;
--indent-small: 16px;
}

4
frontend/src/resources/img/svg/arrow-down-wt.svg Normal file
View file

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.29537 10.7195C5.90154 10.3261 5.90154 9.68836 6.29537 9.29501C6.68919 8.90166 7.3277 8.90166 7.72152 9.29501L12.7131 14.2805C13.1069 14.6739 13.1069 15.3116 12.7131 15.705C12.3193 16.0983 11.6807 16.0983 11.2869 15.705L6.29537 10.7195Z" fill="white"/>
<path d="M16.2785 9.29516C16.6723 8.90181 17.3108 8.90181 17.7046 9.29516C18.0985 9.68851 18.0985 10.3263 17.7046 10.7196L12.7131 15.705C12.3193 16.0983 11.6807 16.0983 11.2869 15.705C10.8931 15.3116 10.8931 14.674 11.2869 14.2807L16.2785 9.29516Z" fill="white"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 631 B

4
frontend/src/resources/img/svg/user-wt.svg Normal file
View file

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11.7673" cy="8.4382" r="4.4382" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.6503 13.9199C14.8934 15.2849 13.4378 16.2089 11.7663 16.2089C10.0951 16.2089 8.63959 15.2851 7.88257 13.9204C7.3 14.2568 6.75879 14.6703 6.27486 15.1542C4.81829 16.6108 4 18.5863 4 20.6462L11.7668 20.6462H19.5337C19.5337 18.5863 18.7154 16.6108 17.2588 15.1542C16.7747 14.6701 16.2332 14.2564 15.6503 13.9199Z" fill="white"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 541 B