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

update theme

Browse Source
This commit is contained in:
rutik wankhade 2022-04-20 23:50:19 +05:30
parent b650770d1c
commit 9554caab72
3 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Editor.js
View File

@ -8,14 +8,14 @@ import RandomTheme from './RandomTheme';
const defaultSettings = { const defaultSettings = {
title: "How I built my first project with react", title: "How I built my first project with react",
bgColor: "#00ff99", bgColor: "#dcd6f7",
pattern: "", pattern: "",
download: "PNG", download: "PNG",
author: 'Rutik Wankhade', author: 'Rutik Wankhade',
icon: { 'label': 'react', 'value': 'react' }, icon: { 'label': 'react', 'value': 'react' },
devIconOptions: {}, devIconOptions: {},
font: 'font-sans', font: 'font-sans',
theme: 'basic' theme: 'modern'
}; };
@ -52,7 +52,7 @@ class Editor extends React.Component {
{/* <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-4 "> <div className="flex items-center mb-4 ">
<h1 className=" text-gray-800 text-xl font-bold ">Coverview</h1> <h1 className=" text-gray-800 text-2xl font-bold ">Coverview</h1>
<a href="https://github.com/rutikwankhade/CoverView" <a href="https://github.com/rutikwankhade/CoverView"
target="_blank" rel="noopener noreferrer" target="_blank" rel="noopener noreferrer"
className="ml-auto mr-2 cursor-pointer"> className="ml-auto mr-2 cursor-pointer">

4
src/components/RandomTheme.css
View File

@ -5,8 +5,8 @@
} }
.bi-shuffle{ .bi-shuffle{
height: 25px; height: 30px;
width: 25px; width: 30px;
opacity: 0.6; opacity: 0.6;
} }

6
src/components/Themes/OutlineTheme.js
View File

@ -6,12 +6,12 @@ const OutlineTheme = ({ config }) => {
<div className="p-4 bg-white border"> <div className="p-4 bg-white border">
<div className={`cover rounded flex flex-col text-gray-800 items-center border-2 border-gray-800 ${pattern} `} <div className={`cover rounded flex flex-col text-gray-800 items-center border-4 border-gray-800 ${pattern} `}
style={{ backgroundColor: bgColor }} style={{ backgroundColor: bgColor }}
> >
<div className={`${font} bg-white rounded md:w-10/12 border-2 border-gray-800 m-auto flex flex-col py-12 px-6 `}> <div className={`${font} bg-white rounded md:w-10/12 border-4 border-gray-800 m-auto flex flex-col py-12 px-6 `}>
<div className="px-12"> <div className="px-12">
<div> <div>
<h1 className="text-3xl md:text-5xl font-bold text-center">{title}</h1> <h1 className="text-3xl md:text-5xl font-bold text-center">{title}</h1>
@ -21,7 +21,7 @@ const OutlineTheme = ({ config }) => {
</div> </div>
<div className="w-full border-gray-800 border-t-2 flex mt-10 p-2 px-6 items-center bg-white"> <div className="w-full border-gray-800 border-t-4 flex mt-10 p-2 px-6 items-center bg-white">
<i className={`devicon-${icon.value}-plain dev-icon text-4xl`}></i> <i className={`devicon-${icon.value}-plain dev-icon text-4xl`}></i>
<h2 className="text-xl ml-auto mr-2 font-semibold"> - {author}</h2> <h2 className="text-xl ml-auto mr-2 font-semibold"> - {author}</h2>