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;
flex-direction: column;
align-items: flex-start;
width: 472px;
width: 566px;
margin: auto;
margin-top: 24px;
@media (max-width: $screen-m) {
width: 474px;
}
@media (max-width: $screen-s) {
width: 100%;
padding: var(--spacing-md, 16px);
}
.back-arrow {
margin-bottom: 24px;
}

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

@ -2,7 +2,17 @@
.root {
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 {
margin-top: 24px;
}

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

@ -1,13 +1,22 @@
@import "@Themes/constants.scss";
.root {
width: 472px;
width: 566px;
margin: 24px auto;
display: flex;
flex-direction: column;
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 {
display: flex;
flex-direction: column;

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

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

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

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

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

@ -1,11 +1,20 @@
.root {
width: 472px;
width: 566px;
margin: auto;
margin-top: 80px;
display: flex;
flex-direction: column;
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 {
display: flex;
flex-direction: column;