Skip to content

Commit a4baead

Browse files
lazycipherlazycipher
committed
Setup page responsive fix
1 parent 1905b18 commit a4baead

File tree

4 files changed

+134
-4
lines changed

4 files changed

+134
-4
lines changed

‎src/user/setup/components/about.scss‎

Lines changed: 37 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -69,4 +69,40 @@
6969
// border-radius: 100px;
7070
}
7171
}
72-
}
72+
}
73+
74+
@media (min-width: 320px) and (max-width: 1024px){
75+
.about_main_content {
76+
padding: 2.5vh 2.5vw;
77+
box-shadow: 1px 3px 18px rgba(0, 0, 0, 0.1);
78+
.about_header {
79+
display: flex;
80+
flex-direction: row;
81+
justify-content: space-between;
82+
align-items: center;
83+
width: 100%;
84+
}
85+
.donut_text {
86+
flex: 2;
87+
}
88+
p {
89+
flex: 1;
90+
}
91+
.about_content {
92+
.about_content_text {
93+
width: 100%;
94+
}
95+
}
96+
.feature_content {
97+
.feature_content_text {
98+
width: 100%;
99+
}
100+
}
101+
.switch_step {
102+
.next_btn {
103+
height: auto;
104+
width: auto;
105+
}
106+
}
107+
}
108+
}

‎src/user/setup/components/preview.scss‎

Lines changed: 39 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -98,4 +98,42 @@
9898
line-height: 15px;
9999
color: #C9C9C9;
100100
}
101-
}
101+
}
102+
103+
@media (min-width: 320px) and (max-width: 1024px){
104+
.setup_form_main_content {
105+
padding: 2.5vh 2.5vw;
106+
box-shadow: 1px 3px 18px rgba(0, 0, 0, 0.1);
107+
.switch_step {
108+
width: 100%;
109+
display: flex;
110+
.finish_btn {
111+
width: 100%;
112+
height: 100%;
113+
background: #1A73E8;
114+
// border-radius: 100px;
115+
flex: 1;
116+
}
117+
.prev_btn {
118+
width: 100%;
119+
height: 100%;
120+
background: rgb(250, 251, 252);
121+
// border-radius: 100px;
122+
color: #1A73E8;
123+
margin-right: 1em;
124+
flex: 1;
125+
}
126+
}
127+
.setup_content {
128+
.form_content {
129+
.preview_section {
130+
.dashboard_preview {
131+
height: 100%;
132+
width: 100%;
133+
padding: 1em;
134+
}
135+
}
136+
}
137+
}
138+
}
139+
}

‎src/user/setup/components/setupform.scss‎

Lines changed: 39 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -89,4 +89,42 @@
8989
line-height: 15px;
9090
color: #C9C9C9;
9191
}
92-
}
92+
}
93+
94+
95+
@media (min-width: 320px) and (max-width: 1024px){
96+
.setup_form_main_content {
97+
padding: 2.5vh 2.5vw;
98+
box-shadow: 1px 3px 18px rgba(0, 0, 0, 0.1);
99+
.setup_header {
100+
width: 100%;
101+
align-items: center;
102+
.community_text {
103+
flex: 3;
104+
}
105+
p {
106+
flex: 1;
107+
}
108+
}
109+
.switch_step {
110+
width: 100%;
111+
display: flex;
112+
.next_btn {
113+
width: 100%;
114+
height: 100%;
115+
background: #1A73E8;
116+
// border-radius: 100px;
117+
flex: 1;
118+
}
119+
.prev_btn {
120+
width: 100%;
121+
height: 100%;
122+
background: rgb(250, 251, 252);
123+
// border-radius: 100px;
124+
color: #1A73E8;
125+
margin-right: 1em;
126+
flex: 1;
127+
}
128+
}
129+
}
130+
}

‎src/user/setup/setup.scss‎

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,4 +38,22 @@
3838
box-shadow: 1px 3px 18px rgba(0, 0, 0, 0.1);
3939
position: relative;
4040
}
41-
}
41+
}
42+
43+
@media (min-width: 320px) and (max-width: 1024px){
44+
.main_setup_section {
45+
.donut_footer{
46+
display: flex;
47+
flex-direction: row;
48+
align-items: flex-start;
49+
margin-top: -15vh;
50+
}
51+
.setup_steps {
52+
width: 100%;
53+
height: 100%;
54+
padding: 2.5vh 2.5vw;
55+
margin: 0;
56+
box-shadow: none;
57+
}
58+
}
59+
}

0 commit comments

Comments
 (0)