TurTaskProject/TurTaskWeb
1
0
Fork 0
mirror of https://github.com/TurTaskProject/TurTaskWeb.git synced 2025-12-19 05:54:07 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improve size

Browse Source
This commit is contained in:
Wissarut Kanasub 2023-11-11 13:29:19 +07:00
parent 8dd7a5231d
commit 844d7afa29
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/the_eisenhower_matrix/Eisenhower.jsx
View File

@ -2,12 +2,12 @@ import React from 'react';
function EachBlog({ name, colorCode }) { function EachBlog({ name, colorCode }) {
return ( return (
<div className="grid grid-rows-2 gap-4 text-left p-4 rounded-lg bg-white"> <div className={`grid grid-rows-2 gap-4 text-left p-4 rounded-lg bg-white border border-gray-300 shadow-md`}>
<div className="text-xl font-bold" style={{ color: colorCode }}> <div className={`text-xl font-bold`} style={{ color: colorCode }}>
{name} {name}
</div> </div>
<div> <div className='h-36'>
content Content goes here
</div> </div>
</div> </div>
); );
@ -15,9 +15,9 @@ function EachBlog({ name, colorCode }) {
function Eisenhower() { function Eisenhower() {
return ( return (
<div className='bg-slate-200 text-left p-1 m-auto'> <div className='bg-slate-100 text-left p-4 m-auto'>
<h1 className="text-xl font-bold">The Eisenhower Matrix</h1> <h1 className="text-3xl font-bold mb-4">The Eisenhower Matrix</h1>
<div className='p-4 m-auto grid grid-rows-2 grid-cols-2 gap-4'> <div className='grid grid-rows-2 grid-cols-2 gap-2'>
<EachBlog name="Urgent & Important" colorCode="#FF5733" /> <EachBlog name="Urgent & Important" colorCode="#FF5733" />
<EachBlog name="Urgent & Not important" colorCode="#FDDD5C" /> <EachBlog name="Urgent & Not important" colorCode="#FDDD5C" />
<EachBlog name="Not urgent & Important" colorCode="#189AB4" /> <EachBlog name="Not urgent & Important" colorCode="#189AB4" />