Commit 35e71844 by Félicie

responsive added

parent b5c9d742
Pipeline #1451 passed with stage
in 1 minute 28 seconds
...@@ -16,12 +16,28 @@ ...@@ -16,12 +16,28 @@
padding: 1.5rem 0; padding: 1.5rem 0;
} }
@media screen and (min-width: 351px) and (max-width: 435px) {
.my_info_line {
font-size: 80%;
padding: 2vw 0;
}
}
@media screen and (max-width: 350px) {
.my_info_line {
font-size: 3.5vw;
padding: 2vw 0;
}
}
.my_info_line_left { .my_info_line_left {
width: 50%; width: 50%;
text-align: right; text-align: right;
padding-right: 2rem; padding-right: 2rem;
font-weight: bold; font-weight: bold;
} }
.my_info_line_right { .my_info_line_right {
width: 50%; width: 50%;
padding-left: 2rem; padding-left: 2rem;
...@@ -34,6 +50,7 @@ ...@@ -34,6 +50,7 @@
#my_info .member_coop_number_area { #my_info .member_coop_number_area {
margin-bottom: 0; margin-bottom: 0;
} }
}
#attached_info { #attached_info {
display: flex; display: flex;
...@@ -83,4 +100,4 @@ ...@@ -83,4 +100,4 @@
#my_info .member_shift_name_area { #my_info .member_shift_name_area {
align-items: flex-start; align-items: flex-start;
} }
} }
\ No newline at end of file
...@@ -6,6 +6,12 @@ body { ...@@ -6,6 +6,12 @@ body {
margin: 35px 0 30px 0; margin: 35px 0 30px 0;
} }
@media screen and (max-width: 435px) {
.page_title {
margin: 4vw 0 3vw 0;
}
}
/* -- Tiles */ /* -- Tiles */
.tiles_container { .tiles_container {
...@@ -145,15 +151,22 @@ body { ...@@ -145,15 +151,22 @@ body {
} }
.unsuscribed_form_link { .unsuscribed_form_link {
display: none;
text-decoration: none; text-decoration: none;
font-size: 1.7rem; font-size: 1.7rem;
word-break: normal;
} }
.unsuscribed_form_link:hover { .unsuscribed_form_link:hover {
text-decoration: none; text-decoration: none;
} }
@media (max-width: 435px) {
.unsuscribed_form_link {
font-size: 90%;
line-height: 7vw;
}
}
.member_status_up_to_date, .member_status_up_to_date,
.member_status_exempted { .member_status_exempted {
color: #5cb85c; color: #5cb85c;
...@@ -290,4 +303,4 @@ body { ...@@ -290,4 +303,4 @@ body {
.shop_message_content { .shop_message_content {
width: 90%; width: 90%;
} }
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment