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

add github and portfolio links

Browse Source
This commit is contained in:
rutik wankhade 2022-04-16 15:33:14 +05:30
parent 412eaa56d2
commit 61e26ccb16
4 changed files with 24 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/CoverImage.css
View File

@ -1,14 +1,9 @@
.cover { .cover {
background-color: #00ff99; background-color: #00ff99;
display: flex; display: flex;
height: 420px; height: 420px;
width: 800px; width: 800px;
overflow-y: hidden; overflow-y: hidden;
} }

12
src/components/Editor.js
View File

@ -47,7 +47,16 @@ class Editor extends React.Component {
<div className="bg-white shadow-sm p-4 flex flex-col md:w-1/4"> <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> */} {/* <p className="tagline"><span role="img" aria-label="tool"> 🛠 </span> Creating cover images for your blogs is now super easy</p> */}
<div className="flex items-center mb-6 ">
<h1 className=" text-gray-800 text-2xl font-bold ">Coverview</h1>
<a href="https://github.com/rutikwankhade/CoverView"
target="_blank" rel="noopener noreferrer"
className="ml-auto mr-2 cursor-pointer">
<i className=" devicon-github-plain dev-icon text-xl"></i>
</a>
</div>
<div className="m-2 flex flex-col"> <div className="m-2 flex flex-col">
<span className="font-medium">Blog Title</span> <span className="font-medium">Blog Title</span>
<textarea <textarea
@ -146,6 +155,9 @@ class Editor extends React.Component {
</select> </select>
</div> </div>
<span className="text-sm mt-4 text-center text-gray-400">Made with 💖 by <a href="https://rutikwankhade.dev"
target="_blank" rel="noopener noreferrer" className="underline hover:text-green-500">Rutik Wankhade</a></span>
{/* <div className="flex flex-col m-2 "> {/* <div className="flex flex-col m-2 ">
<span className="font-medium">Theme</span> <span className="font-medium">Theme</span>

18
src/components/Navbar.js
View File

@ -1,18 +0,0 @@
import React from 'react';
import './App.css';
import logo from '../assets/icons/favicon.png';
const Navbar = () => {
return (
<nav className=" bg-red-200 text-4xl">
<h4><img src={logo} alt="logo" className="logo"/>Coverview</h4>
<a href="https://github.com/rutikwankhade/CoverView"
target="_blank" rel="noopener noreferrer" class="star-btn">
<span role="img" aria-label="star">⭐</span> Star on Github
</a>
</nav>);
};
export default Navbar;

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

@ -6,12 +6,12 @@ const BasicTheme = ({ config }) => {
return ( return (
<div className="p-4 bg-white border"> <div className="p-4 bg-white border">
<div className={`cover flex p-14 text-gray-800 items-center ${pattern} `} <div className={`cover flex text-gray-800 items-center ${pattern} `}
style={{ backgroundColor: bgColor }} style={{ backgroundColor: bgColor }}
> >
<div className={`${pattern}`}>
<div className={`${font} bg-white flex flex-col pt-12 rounded-xl`}>
<div className={`${font} bg-white md:w-10/12 m-auto flex flex-col pt-12 rounded-xl`}>
<div className="px-12"> <div className="px-12">
<div> <div>
<h1 className="text-5xl font-bold text-center">{title}</h1> <h1 className="text-5xl font-bold text-center">{title}</h1>
@ -24,7 +24,7 @@ const BasicTheme = ({ config }) => {
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>