style: ui improvement (#1077)

* style: assignee, sub-issue and due date display properties styling

* style: cycle view  indicator added
This commit is contained in:
Anmol Singh Bhatia 2023-05-19 15:22:09 +05:30 committed by GitHub
parent 6da4247400
commit ae1eb9527a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 78 additions and 46 deletions

View file

@ -116,14 +116,18 @@ export const CyclesView: React.FC<Props> = ({
<div className="flex items-center gap-x-1">
<button
type="button"
className={`grid h-7 w-7 place-items-center rounded p-1 outline-none duration-300 hover:bg-brand-surface-2`}
className={`grid h-7 w-7 place-items-center rounded p-1 outline-none duration-300 ${
cycleView === "list" ? "bg-brand-surface-2" : ""
} hover:bg-brand-surface-2`}
onClick={() => setCycleView("list")}
>
<ListBulletIcon className="h-4 w-4 text-brand-secondary" />
</button>
<button
type="button"
className={`grid h-7 w-7 place-items-center rounded p-1 outline-none duration-300 hover:bg-brand-surface-2`}
className={`grid h-7 w-7 place-items-center rounded p-1 outline-none duration-300 ${
cycleView === "board" ? "bg-brand-surface-2" : ""
} hover:bg-brand-surface-2`}
onClick={() => setCycleView("board")}
>
<Squares2X2Icon className="h-4 w-4 text-brand-secondary" />