luisgulo/focalboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

GH-2330 - Responsive UI update on template picker (#2486)

Browse source 
* GH-2330 - Responsive UI update on template picker

* Updating css
This commit is contained in:
Asaad Mahmood 2022-03-08 23:53:09 +05:00 committed by GitHub
parent 49df41f9b2
commit 380320179c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 35 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
webapp/src/components/boardTemplateSelector/boardTemplateSelector.scss
View file

@ -36,9 +36,13 @@
.templates {
display: flex;
width: 100%;
padding: 0 10%;
padding: 0 32px;
justify-content: center;
@media (min-width: 768px) {
padding: 0 10%;
}
.templates-list {
margin-right: 32px;
width: 300px;
@ -63,6 +67,7 @@
}
}
}
}
.template-preview-box {
position: relative;
@ -80,6 +85,12 @@
bottom: 32px;
width: 100%;
justify-content: center;
flex-direction: column;
padding: 0 24px;
@media (min-width: 1024px) {
flex-direction: row;
}
}
.empty-board {
@ -88,7 +99,10 @@
.Button {
&:first-child {
margin-right: 16px;
margin-bottom: 16px;
@media (min-width: 1024px) {
margin: 0 16px 0 0;
}
}
}