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

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 = {
title: "How I built my first project with react",
bgColor: "#00ff99",
bgColor: "#dcd6f7",
pattern: "",
download: "PNG",
author: 'Rutik Wankhade',
icon: { 'label': 'react', 'value': 'react' },
devIconOptions: {},
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> */}
<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"
target="_blank" rel="noopener noreferrer"
className="ml-auto mr-2 cursor-pointer">

4
src/components/RandomTheme.css
View File

@ -5,8 +5,8 @@
}
.bi-shuffle{
height: 25px;
width: 25px;
height: 30px;
width: 30px;
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={`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 }}
>
<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>
<h1 className="text-3xl md:text-5xl font-bold text-center">{title}</h1>
@ -21,7 +21,7 @@ const OutlineTheme = ({ config }) => {
</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>
<h2 className="text-xl ml-auto mr-2 font-semibold"> - {author}</h2>