Skip to content

Commit e539d1e

Browse files
committed
add styles for mobile version for new login design
1 parent e96b6a6 commit e539d1e

1 file changed

Lines changed: 7 additions & 7 deletions

File tree

projects/social_platform/src/app/auth/login/login.component.scss

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -8,19 +8,19 @@
88

99
&__image {
1010
position: absolute;
11-
right: 0%;
1211
top: 0%;
12+
right: 0%;
1313
display: none;
1414

1515
@include responsive.apply-desktop {
1616
display: block;
17-
margin-left: 135px;
1817
width: inherit;
1918
height: 100%;
19+
margin-left: 135px;
2020
}
2121
}
2222

23-
&__logo {
23+
&__logo {
2424
position: sticky;
2525
display: block;
2626
width: 95px;
@@ -57,8 +57,8 @@
5757
}
5858

5959
&__external {
60-
color: var(--grey-for-text);
6160
width: 80%;
61+
color: var(--grey-for-text);
6262

6363
@include responsive.apply-desktop {
6464
width: 100%;
@@ -90,11 +90,11 @@
9090

9191
&__wrapper {
9292
width: 260px;
93+
padding: 18px 10px 10px 16px;
9394
margin-bottom: 140px;
94-
border: 0.5px solid var(--grey-for-text);
95-
border-radius: var(--rounded-lg) var(--rounded-lg) var(--rounded-lg) 0px;
9695
background-color: var(--white);
97-
padding: 18px 10px 10px 16px;
96+
border: 0.5px solid var(--grey-for-text);
97+
border-radius: var(--rounded-lg) var(--rounded-lg) var(--rounded-lg) 0;
9898
}
9999

100100
&__text {

0 commit comments

Comments
 (0)