lilianrock
/
generateur_v3
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

some responsive adjustement

This commit is contained in:
Lilian 2023-02-28 14:00:42 +01:00 committed by Kilton937342
parent 14bf264e55
commit ddb8c3de2b
6 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/components/NavBar.svelte
View File

@ -114,6 +114,7 @@
transition: .3s; transition: .3s;
display: flex; display: flex;
gap: 7px; gap: 7px;
width: max-content;
@include down(666) { @include down(666) {
//display: none; //display: none;
opacity: 0; opacity: 0;

1
frontend/src/routes/+page.svelte
View File

@ -15,6 +15,7 @@
h1{ h1{
font-size: 4rem; font-size: 4rem;
margin-bottom: 1rem; margin-bottom: 1rem;
text-align: center;
} }
.rooms { .rooms {
display: flex; display: flex;

3
frontend/src/routes/room/create/+page.svelte
View File

@ -60,7 +60,8 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: 20px; gap: 20px;
width: max-content; width: min(100%, 666px);
padding: 7px 20px;
} }
.container { .container {

3
frontend/src/routes/room/join/+page.svelte
View File

@ -27,7 +27,8 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: 20px; gap: 20px;
width: max-content; width: min(100%, 666px);
padding: 7px 20px;
} }
.container { .container {

4
frontend/src/routes/signin/+page.svelte
View File

@ -65,11 +65,13 @@
justify-content: center; justify-content: center;
margin-top: 50px; margin-top: 50px;
div { div {
width: 40%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: 20px; gap: 20px;
width: min(100%, 666px);
padding: 7px 20px;
} }
} }
.spinner{ .spinner{

3
frontend/src/routes/signup/+page.svelte
View File

@ -93,11 +93,12 @@
justify-content: center; justify-content: center;
margin-top: 50px; margin-top: 50px;
div { div {
width: 40%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: 20px; gap: 20px;
width: min(100%, 666px);
padding: 7px 20px;
} }
} }
.spinner{ .spinner{