pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix sizing of drawer queue, add border

Browse source
This commit is contained in:
jeffvli 2023-02-09 00:18:25 -08:00
parent 23f84d68e8
commit cdb5cdf442
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/renderer/layouts/default-layout.tsx
View file

@ -98,6 +98,7 @@ const ResizeHandle = styled.div<{
const QueueDrawer = styled(motion.div)` const QueueDrawer = styled(motion.div)`
background: var(--main-bg); background: var(--main-bg);
border: 3px solid var(--generic-border-color);
border-radius: 10px; border-radius: 10px;
`; `;
@ -162,7 +163,7 @@ export const DefaultLayout = ({ shell }: DefaultLayoutProps) => {
const queueDrawerVariants: Variants = { const queueDrawerVariants: Variants = {
closed: { closed: {
height: 'calc(100vh - 190px)', height: 'calc(100vh - 175px)',
position: 'absolute', position: 'absolute',
right: 0, right: 0,
top: '75px', top: '75px',
@ -175,7 +176,7 @@ export const DefaultLayout = ({ shell }: DefaultLayoutProps) => {
}, },
open: { open: {
boxShadow: '0px 0px 10px 0px rgba(0, 0, 0, 0.8)', boxShadow: '0px 0px 10px 0px rgba(0, 0, 0, 0.8)',
height: 'calc(100vh - 190px)', height: 'calc(100vh - 175px)',
position: 'absolute', position: 'absolute',
right: '20px', right: '20px',
top: '75px', top: '75px',