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 responsiveness

Browse Source
This commit is contained in:
rutik wankhade 2022-04-16 16:07:06 +05:30
parent 61e26ccb16
commit 6c54e23266
3 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/CoverImage.css
View File

@ -6,5 +6,10 @@
overflow-y: hidden;
}
@media screen and (max-width:600px) {
.cover {
width: 90vw;
height: 60vh;
padding: 4vh;
}
}

2
src/components/Editor.js
View File

@ -43,7 +43,7 @@ class Editor extends React.Component {
render() {
return (
<div className="flex bg-gray-50 ">
<div className="flex md:flex-row flex-col bg-gray-50 ">
<div className="bg-white shadow-sm p-4 flex flex-col md:w-1/4">
{/* <p className="tagline"><span role="img" aria-label="tool"> 🛠 </span> Creating cover images for your blogs is now super easy</p> */}

2
src/components/Themes/BasicTheme.js
View File

@ -14,7 +14,7 @@ const BasicTheme = ({ config }) => {
<div className={`${font} bg-white md:w-10/12 m-auto flex flex-col pt-12 rounded-xl`}>
<div className="px-12">
<div>
<h1 className="text-5xl font-bold text-center">{title}</h1>
<h1 className="text-3xl md:text-5xl font-bold text-center">{title}</h1>
</div>
</div>