wood/CoverView
1
0
Fork 0
mirror of https://github.com/woodchen-ink/CoverView.git synced 2025-07-18 14:01: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 { .main-container {
width: auto; /* width: auto;*/
justify-content: center; /* justify-content: center;
align-items: center; align-items: center; */
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
.tagline { .tagline {
max-width: 300px; max-width: 300px;
@ -16,11 +17,18 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 30px; padding:35px;
}
.inputdata::-webkit-scrollbar {
display: none;
} }
.blog-cover { .blog-cover {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center;
margin:30px;
} }
label { label {
margin: 5px; margin: 5px;
@ -60,4 +68,7 @@ input[type=number]{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.blog-cover{margin:0px;}
} }

16
src/components/CoverImage.css
View File

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