feat: redesign of Live Collaboration dialog (#6635)

* feat: redesiged Live Collaboration dialog

* fix: address lints

* fix: inactive dialog dark mode improvements

* fix: follow styleguide with event parameter, add FilledButton size prop

* fix: change timer to be imperative

* fix: add spacing after emoji

* fix: remove unused useEffect

* fix: change margin into whitespace

* fix: add share button check back
This commit is contained in:
Are 2023-05-31 18:27:29 +02:00 committed by GitHub
parent 253c5c7866
commit 7bf4de5892
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
13 changed files with 698 additions and 253 deletions

View file

@ -167,48 +167,6 @@
flex-basis: 100%;
justify-content: center;
}
&__button {
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 16px;
flex-shrink: 0;
width: fit-content;
gap: 8px;
height: 40px;
border: 0;
border-radius: 8px;
user-select: none;
font-family: "Assistant";
font-style: normal;
font-weight: 600;
font-size: 0.75rem;
line-height: 100%;
transition: 150ms ease-out;
transition-property: background, color;
background: var(--color-primary);
color: var(--color-icon-white);
&:hover {
background: var(--color-primary-darker);
color: var(--color-icon-white);
}
&:active {
background: var(--color-primary-darkest);
}
& > svg {
width: 20px;
height: 20px;
}
}
}
}
}