4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

✨ Responsive on full pages

Browse Source
This commit is contained in:
Maxime Lalo 2024-07-29 18:30:39 +02:00
parent ccbca304da
commit 44f0e4620f
6 changed files with 61 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/front/Components/Layouts/Folder/AddClientToFolder/classes.module.scss
View File

@ -4,9 +4,19 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
width: 472px; width: 566px;
margin: auto; margin: auto;
margin-top: 24px; margin-top: 24px;
@media (max-width: $screen-m) {
width: 474px;
}
@media (max-width: $screen-s) {
width: 100%;
padding: var(--spacing-md, 16px);
}
.back-arrow { .back-arrow {
margin-bottom: 24px; margin-bottom: 24px;
} }

12
src/front/Components/Layouts/Folder/AskDocuments/classes.module.scss
View File

@ -2,7 +2,17 @@
.root { .root {
margin: 24px auto; margin: 24px auto;
width: 600px; width: 566px;
@media (max-width: $screen-m) {
width: 474px;
}
@media (max-width: $screen-s) {
width: 100%;
padding: var(--spacing-md, 16px);
}
.title { .title {
margin-top: 24px; margin-top: 24px;
} }

11
src/front/Components/Layouts/Folder/CreateFolder/classes.module.scss
View File

@ -1,13 +1,22 @@
@import "@Themes/constants.scss"; @import "@Themes/constants.scss";
.root { .root {
width: 472px; width: 566px;
margin: 24px auto; margin: 24px auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: var(--spacing-xl, 32px); gap: var(--spacing-xl, 32px);
@media (max-width: $screen-m) {
width: 474px;
}
@media (max-width: $screen-s) {
width: 100%;
padding: var(--spacing-md, 16px);
}
.form { .form {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

12
src/front/Components/Layouts/Folder/UpdateFolderCollaborators/classes.module.scss
View File

@ -3,14 +3,18 @@
.root { .root {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 472px; width: 566px;
margin: auto; margin: auto;
margin-top: 24px; margin-top: 24px;
gap: var(--spacing-xl, 32px); gap: var(--spacing-xl, 32px);
@media (max-width: 504px) { @media (max-width: $screen-m) {
width: unset; width: 474px;
margin: 24px 16px; }
@media (max-width: $screen-s) {
width: 100%;
padding: var(--spacing-md, 16px);
} }
.form { .form {

12
src/front/Components/Layouts/Folder/UpdateFolderMetadata/classes.module.scss
View File

@ -4,9 +4,19 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: var(--spacing-xl, 32px); gap: var(--spacing-xl, 32px);
width: 472px; width: 566px;
margin: auto; margin: auto;
margin: 24px auto; margin: 24px auto;
@media (max-width: $screen-m) {
width: 474px;
}
@media (max-width: $screen-s) {
width: 100%;
padding: var(--spacing-md, 16px);
}
.form { .form {
.content { .content {
display: flex; display: flex;

11
src/front/Components/Layouts/Login/StepEmail/classes.module.scss
View File

@ -1,11 +1,20 @@
.root { .root {
width: 472px; width: 566px;
margin: auto; margin: auto;
margin-top: 80px; margin-top: 80px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: var(--spacing-xl, 32px); gap: var(--spacing-xl, 32px);
@media (max-width: $screen-m) {
width: 474px;
}
@media (max-width: $screen-s) {
width: 100%;
padding: var(--spacing-md, 16px);
}
.header { .header {
display: flex; display: flex;
flex-direction: column; flex-direction: column;