Skip to content
This repository has been archived by the owner on Nov 23, 2023. It is now read-only.

Dialog Component #18

Open
alexanderl19 opened this issue Mar 11, 2023 · 0 comments
Open

Dialog Component #18

alexanderl19 opened this issue Mar 11, 2023 · 0 comments
Assignees

Comments

@alexanderl19
Copy link
Member

alexanderl19 commented Mar 11, 2023

The dialog component should be built on top of the dialog primitive.

Refer to this component for styling:
https://www.figma.com/file/72xMrVKCuXWAiSlCSfsD3w/ZotMeet-Design-System?node-id=257%3A3131&t=IV19NVOLpJ0Rp21s-1
Opening the inspect tag on Figma allows you to hover to see spacing.
Figma 2023-03-02 at 07 52 04@2x
(You can CMD/CTRL click to directly select something in a group!)

Remember you do not need to create separate light and dark versions. Use CSS variables for colors (eg: var(--sand1)).

The color for the drop shadow and overlay of the Dialog is sandA9.

@alexanderl19 alexanderl19 self-assigned this Mar 12, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant