Minz/midari-profile-studio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improved layout and styling

Browse Source
This commit is contained in:
Jan Groß
2021-08-24 19:08:07 +02:00
parent b727ae9f4a
commit 164e8e91bb
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Designer.vue
View File

@@ -122,13 +122,20 @@ export default {
margin-bottom: 0; margin-bottom: 0;
} }
width: 50%; width: 80%;
max-width: 800px;
margin: 0 auto; margin: 0 auto;
padding: 25px; padding: 25px;
@media (max-width: 680px) {
width: 100%;
padding: 25px 0;
}
} }
.profile-container { .profile-container {
width: 900px; width: 915px;
max-width: 100%; max-width: 100%;
margin: 0 auto; margin: 0 auto;
resize: horizontal; resize: horizontal;
@@ -141,6 +148,7 @@ export default {
.profile { .profile {
position: relative; position: relative;
width: 100%; width: 100%;
border-radius: 10px;
padding-bottom: 62.5%; padding-bottom: 62.5%;
background-color: red; background-color: red;
} }
@@ -182,6 +190,7 @@ export default {
.flex-item { .flex-item {
max-width: 100%; max-width: 100%;
margin: 0 15px;
} }
#preview { #preview {
@@ -190,6 +199,7 @@ export default {
} }
#commands { #commands {
min-width: 300px; min-width: 300px;
flex-grow: 1;
align-self: flex-start; align-self: flex-start;
.command { .command {