marcel/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-08-31 22:27:34 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: redesign toolbar & tweaks (#4387)

Browse Source
This commit is contained in:
David Luzar
2021-12-15 15:31:44 +01:00
committed by GitHub
parent 390da3fd0f
commit 7db63bd397
16 changed files with 233 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/Card.tsx
View File

@@ -3,15 +3,22 @@ import OpenColor from "open-color";
import "./Card.scss";
export const Card: React.FC<{
color: keyof OpenColor;
color: keyof OpenColor | "primary";
}> = ({ children, color }) => {
return (
<div
className="Card"
style={{
["--card-color" as any]: OpenColor[color][7],
["--card-color-darker" as any]: OpenColor[color][8],
["--card-color-darkest" as any]: OpenColor[color][9],
["--card-color" as any]:
color === "primary" ? "var(--color-primary)" : OpenColor[color][7],
["--card-color-darker" as any]:
color === "primary"
? "var(--color-primary-darker)"
: OpenColor[color][8],
["--card-color-darkest" as any]:
color === "primary"
? "var(--color-primary-darkest)"
: OpenColor[color][9],
}}
>
{children}