Skip to content

Commit dc24425

Browse files
committed
2 parents b133e32 + 799e363 commit dc24425

File tree

1 file changed

+23
-5
lines changed
  • Components/Forms/Slide-Login-Register-Form

1 file changed

+23
-5
lines changed

Components/Forms/Slide-Login-Register-Form/style.css

Lines changed: 23 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,18 @@
1+
* {
2+
margin: 0;
3+
padding: 0;
4+
box-sizing: border-box;
5+
}
6+
7+
body {
8+
width: 100%;
9+
height: 100vh;
10+
display: flex;
11+
flex-direction: column;
12+
justify-content: center;
13+
align-items: center;
14+
}
15+
116
.theme-switch {
217
--toggle-size: 15px;
318
--container-width: 5.625em;
@@ -18,6 +33,9 @@
1833
--circle-transition: .3s cubic-bezier(0, -0.02, 0.35, 1.17);
1934
display: flex;
2035
justify-content: right;
36+
position: absolute !important;
37+
right: 0px;
38+
top: 0px;
2139
}
2240

2341
.theme-switch,
@@ -36,6 +54,7 @@
3654
}
3755

3856
.theme-switch__container {
57+
margin-top: -25px;
3958
width: var(--container-width);
4059
height: var(--container-height);
4160
background-color: var(--container-light-bg);
@@ -219,14 +238,13 @@
219238
}
220239

221240
.main {
222-
position: relative;
223-
left: 600px;
241+
max-height: 470px;
242+
width: 350px;
243+
overflow: hidden;
244+
border: 2px solid blue;
224245
display: flex;
225246
flex-direction: column;
226247
background-color: #240046;
227-
max-height: 500px;
228-
max-width: 350px;
229-
overflow: hidden;
230248
border-radius: 12px;
231249
box-shadow: 7px 7px 10px 3px #24004628;
232250
}

0 commit comments

Comments
 (0)