redrockjs/fire-exam
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: convert px to rem

Browse Source
This commit is contained in:
Valery Grunenko
2025-06-05 11:31:49 +03:00
parent 0ba1538520
commit 6c653aa196
13 changed files with 160 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/shared/ui/advanced-phone-input/advancedPhoneInput.module.scss
View File

@@ -1,6 +1,5 @@
.Container {
position: relative;
//width: 100%;
}
.Phone {
@@ -12,8 +11,8 @@
.Button {
position: absolute;
right: 4px;
top: calc(50% - 25px);
right: rem(2px);
top: calc(50% - 1.6rem);
z-index: 3;
min-height: calc(100% - 4px);
min-height: calc(100% - .25rem);
}

14
src/shared/ui/button/button.module.scss
View File

@@ -2,13 +2,13 @@
display: flex;
align-items: center;
justify-content: center;
padding: 10px 32px;
border-radius: 28px;
min-height: 55px;
padding: rem(10px) rem(32px);
border-radius: rem(28px);
min-height: rem(54px);
font-family: $font-open-sans;
font-weight: $font-regular;
font-size: 24px;
font-size: rem(24px);
line-height: 100%;
transition: all 0.15s linear;
@@ -20,11 +20,11 @@
}
svg {
width: 18px;
height: 18px;
width: rem(18px);
height: rem(18px);
//fill: var(--text-primary);
margin-right: 18px;
margin-right: rem(18px);
}
&:hover {

6
src/shared/ui/input/input.module.scss
View File

@@ -2,13 +2,13 @@
display: flex;
background: $color-white;
border: 1px solid $color-darkgray;
border-radius: 28px;
padding: 10px 24px;
border-radius: rem(28px);
padding: rem(10px) rem(24px);
transition: border ease .5s;
font-family: $font-open-sans;
font-weight: $font-regular;
font-size: 24px;
font-size: rem(24px);
line-height: 100%;
color: $color-text;
width: max-content;

14
src/shared/ui/text-area/text-area.module.scss
View File

@@ -14,13 +14,13 @@
.Area {
background: $color-white;
border: 1px solid $color-darkgray;
border-radius: 20px;
padding: 10px 24px;
border-radius: rem(20px);
padding: rem(10px) rem(24px);
transition: border ease .5s;
font-family: $font-open-sans;
font-weight: $font-regular;
font-size: 24px;
font-size: rem(24px);
line-height: 100%;
color: $color-text;
@@ -35,14 +35,14 @@
cursor: auto;
}
&::-webkit-scrollbar {
width: 12px;
height: 12px;
width: rem(12px);
height: rem(12px);
}
&::-webkit-scrollbar-track,
&::-webkit-scrollbar-thumb {
background-clip: content-box;
border: 4px solid transparent;
border-radius: 12px;
border: rem(4px) solid transparent;
border-radius: rem(12px);
}
&::-webkit-scrollbar-track {
background-color: #333; // цвет дорожки