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