wood/CoverView
1
0
Fork 0
mirror of https://github.com/woodchen-ink/CoverView.git synced 2025-07-18 05:51:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: fixed layout

Browse Source
This commit is contained in:
rutik wankhade 2020-08-19 17:48:57 +05:30
parent 473788d209
commit ee44e7f7bc
2 changed files with 25 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/ConfigCover.css
View File

@ -3,11 +3,12 @@ body {
}
.main-container {
width: auto;
justify-content: center;
align-items: center;
/* width: auto;*/
/* justify-content: center;
align-items: center; */
display: flex;
flex-direction: row;
}
.tagline {
max-width: 300px;
@ -16,11 +17,18 @@ body {
display: flex;
flex-direction: column;
align-items: center;
padding: 30px;
padding:35px;
}
.inputdata::-webkit-scrollbar {
display: none;
}
.blog-cover {
display: flex;
flex-direction: column;
align-items: center;
margin:30px;
}
label {
margin: 5px;
@ -60,4 +68,7 @@ input[type=number]{
display: flex;
flex-direction: column;
}
.blog-cover{margin:0px;}
}

16
src/components/CoverImage.css
View File

@ -7,6 +7,7 @@
height:380px;
width:800px;
padding:90px;
}
.title-card{
@ -24,12 +25,12 @@
}
.card{
margin:20px;
border-radius: 8px;
text-align: center;
color:#676683;
padding:50px 25px 50px 25px;
border:4px solid #676683;
margin:10px;
/* border:1px solid #676683; */
}
.author{
@ -37,13 +38,14 @@
background-color: #676683;
color:#ffffff;
height:40px;
margin-bottom:20px;
padding :4px;
text-align:center;
font-weight: 500;
}
h1{height:auto;}
h1{
height:auto;
}
button{
background-color: #676683;
@ -51,8 +53,8 @@ button{
border:none;
border-radius:4px;
padding:10px;
margin:auto ;
width:150px;
margin-top:20px;
text-align: center;
box-shadow: 4px 4px #cccccc;
}
@ -63,9 +65,11 @@ button{
width:100vw;
height:auto;
padding:8vh;
}
.title-card{
padding:2.5vw 3vw 2.5vw 3vw;
font-size: 1.2rem;
}
}