Skip to content

Commit

Permalink
fix: temporarily remove time grid for vertical view
Browse files Browse the repository at this point in the history
  • Loading branch information
@soumitradev
soumitradev committed Aug 7, 2023
1 parent 07be3ae commit f2875c1
Show file tree
Hide file tree
Showing 2 changed files with 102 additions and 100 deletions.
101 changes: 51 additions & 50 deletions src/components/TimetableGrid.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -73,57 +73,58 @@ export function TimetableGrid({
return (
<div className="ml-4 flex w-full">
{isVertical ? (
<div className="flex flex-col justify-between w-28 mr-2 mt-11 text-md text-center text-slate-500 grid-rows-11">
<div className="mb-4 flex items-center justify-between w-full">
<span className="text-slate-600">8 - 9AM</span>
<span className="font-bold">1</span>
</div>
<div className="mb-4 flex items-center justify-between w-full">
<span className="text-slate-600">9 - 10AM</span>
<span className="font-bold">2</span>
</div>
<div className="mb-4 flex items-center justify-between w-full">
<span className="text-slate-600">10 - 11AM</span>
<span className="font-bold">3</span>
</div>
<div className="mb-4 flex items-center justify-between w-full">
<span className="text-slate-600">11 - 12PM</span>
<span className="font-bold">4</span>
</div>
<div className="mb-4 flex items-center justify-between w-full">
<span className="text-slate-600">12 - 1PM</span>
<span className="font-bold">5</span>
</div>
<div className="mb-4 flex items-center justify-between w-full">
<span className="text-slate-600">1 - 2PM</span>
<span className="font-bold">6</span>
</div>
<div className="mb-4 flex items-center justify-between w-full">
<span className="text-slate-600">2 - 3PM</span>
<span className="font-bold">7</span>
</div>
<div className="mb-4 flex items-center justify-between w-full">
<span className="text-slate-600">3 - 4PM</span>
<span className="font-bold">8</span>
</div>
<div className="mb-4 flex items-center justify-between w-full">
<span className="text-slate-600">4 - 5PM</span>
<span className="font-bold">9</span>
</div>
<div className="mb-4 flex items-center justify-between w-full">
<span className="text-slate-600">5 - 6PM</span>
<span className="font-bold">10</span>
</div>
<div className="mb-4 flex items-center justify-between w-full">
<span className="text-slate-600">6 - 7PM</span>
<span className="font-bold">11</span>
</div>
{/* <div className="mb-4 flex flex-col">
<span className="font-bold">12</span>
<span className="text-slate-600">7 - 8PM</span>
</div> */}
</div>
<div></div>
) : (
// <div className="flex flex-col justify-between w-28 mr-2 mt-11 text-md text-center text-slate-500 grid-rows-11">
// <div className="mb-4 flex items-center justify-between w-full">
// <span className="text-slate-600">8 - 9AM</span>
// <span className="font-bold">1</span>
// </div>
// <div className="mb-4 flex items-center justify-between w-full">
// <span className="text-slate-600">9 - 10AM</span>
// <span className="font-bold">2</span>
// </div>
// <div className="mb-4 flex items-center justify-between w-full">
// <span className="text-slate-600">10 - 11AM</span>
// <span className="font-bold">3</span>
// </div>
// <div className="mb-4 flex items-center justify-between w-full">
// <span className="text-slate-600">11 - 12PM</span>
// <span className="font-bold">4</span>
// </div>
// <div className="mb-4 flex items-center justify-between w-full">
// <span className="text-slate-600">12 - 1PM</span>
// <span className="font-bold">5</span>
// </div>
// <div className="mb-4 flex items-center justify-between w-full">
// <span className="text-slate-600">1 - 2PM</span>
// <span className="font-bold">6</span>
// </div>
// <div className="mb-4 flex items-center justify-between w-full">
// <span className="text-slate-600">2 - 3PM</span>
// <span className="font-bold">7</span>
// </div>
// <div className="mb-4 flex items-center justify-between w-full">
// <span className="text-slate-600">3 - 4PM</span>
// <span className="font-bold">8</span>
// </div>
// <div className="mb-4 flex items-center justify-between w-full">
// <span className="text-slate-600">4 - 5PM</span>
// <span className="font-bold">9</span>
// </div>
// <div className="mb-4 flex items-center justify-between w-full">
// <span className="text-slate-600">5 - 6PM</span>
// <span className="font-bold">10</span>
// </div>
// <div className="mb-4 flex items-center justify-between w-full">
// <span className="text-slate-600">6 - 7PM</span>
// <span className="font-bold">11</span>
// </div>
// {/* <div className="mb-4 flex flex-col">
// <span className="font-bold">12</span>
// <span className="text-slate-600">7 - 8PM</span>
// </div> */}
// </div>
<div
className={`grid items-center pr-2 text-lg text-center font-bold ${
isVertical ? "grid-cols-6" : "grid-rows-6 mt-12"
Expand Down
101 changes: 51 additions & 50 deletions src/pages/view.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -589,57 +589,58 @@ const View = () => {
</div>
<div className="ml-4 flex w-full">
{isVertical ? (
<div className="flex flex-col justify-between w-28 mr-2 mt-11 text-md text-center text-slate-500 grid-rows-11">
<div className="mb-4 flex items-center justify-between w-full">
<span className="text-slate-600">8 - 9AM</span>
<span className="font-bold">1</span>
</div>
<div className="mb-4 flex items-center justify-between w-full">
<span className="text-slate-600">9 - 10AM</span>
<span className="font-bold">2</span>
</div>
<div className="mb-4 flex items-center justify-between w-full">
<span className="text-slate-600">10 - 11AM</span>
<span className="font-bold">3</span>
</div>
<div className="mb-4 flex items-center justify-between w-full">
<span className="text-slate-600">11 - 12PM</span>
<span className="font-bold">4</span>
</div>
<div className="mb-4 flex items-center justify-between w-full">
<span className="text-slate-600">12 - 1PM</span>
<span className="font-bold">5</span>
</div>
<div className="mb-4 flex items-center justify-between w-full">
<span className="text-slate-600">1 - 2PM</span>
<span className="font-bold">6</span>
</div>
<div className="mb-4 flex items-center justify-between w-full">
<span className="text-slate-600">2 - 3PM</span>
<span className="font-bold">7</span>
</div>
<div className="mb-4 flex items-center justify-between w-full">
<span className="text-slate-600">3 - 4PM</span>
<span className="font-bold">8</span>
</div>
<div className="mb-4 flex items-center justify-between w-full">
<span className="text-slate-600">4 - 5PM</span>
<span className="font-bold">9</span>
</div>
<div className="mb-4 flex items-center justify-between w-full">
<span className="text-slate-600">5 - 6PM</span>
<span className="font-bold">10</span>
</div>
<div className="mb-5 flex items-center justify-between w-full">
<span className="text-slate-600">6 - 7PM</span>
<span className="font-bold">11</span>
</div>
{/* <div className="mb-4 flex flex-col">
<span className="font-bold">12</span>
<span className="text-slate-600">7 - 8PM</span>
</div> */}
</div>
<div></div>
) : (
// <div className="flex flex-col justify-between w-28 mr-2 mt-11 text-md text-center text-slate-500 grid-rows-11">
// <div className="mb-4 flex items-center justify-between w-full">
// <span className="text-slate-600">8 - 9AM</span>
// <span className="font-bold">1</span>
// </div>
// <div className="mb-4 flex items-center justify-between w-full">
// <span className="text-slate-600">9 - 10AM</span>
// <span className="font-bold">2</span>
// </div>
// <div className="mb-4 flex items-center justify-between w-full">
// <span className="text-slate-600">10 - 11AM</span>
// <span className="font-bold">3</span>
// </div>
// <div className="mb-4 flex items-center justify-between w-full">
// <span className="text-slate-600">11 - 12PM</span>
// <span className="font-bold">4</span>
// </div>
// <div className="mb-4 flex items-center justify-between w-full">
// <span className="text-slate-600">12 - 1PM</span>
// <span className="font-bold">5</span>
// </div>
// <div className="mb-4 flex items-center justify-between w-full">
// <span className="text-slate-600">1 - 2PM</span>
// <span className="font-bold">6</span>
// </div>
// <div className="mb-4 flex items-center justify-between w-full">
// <span className="text-slate-600">2 - 3PM</span>
// <span className="font-bold">7</span>
// </div>
// <div className="mb-4 flex items-center justify-between w-full">
// <span className="text-slate-600">3 - 4PM</span>
// <span className="font-bold">8</span>
// </div>
// <div className="mb-4 flex items-center justify-between w-full">
// <span className="text-slate-600">4 - 5PM</span>
// <span className="font-bold">9</span>
// </div>
// <div className="mb-4 flex items-center justify-between w-full">
// <span className="text-slate-600">5 - 6PM</span>
// <span className="font-bold">10</span>
// </div>
// <div className="mb-5 flex items-center justify-between w-full">
// <span className="text-slate-600">6 - 7PM</span>
// <span className="font-bold">11</span>
// </div>
// {/* <div className="mb-4 flex flex-col">
// <span className="font-bold">12</span>
// <span className="text-slate-600">7 - 8PM</span>
// </div> */}
// </div>
<div
className={`grid items-center pr-2 text-lg text-center font-bold ${
isVertical ? "grid-cols-6" : "grid-rows-6 mt-12"
Expand Down

0 comments on commit f2875c1

Please sign in to comment.