cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-08-20 22:49:18 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

refactor: review rundown header spacing

Browse Source
This commit is contained in:
Carlos Valente
2025-06-23 19:52:00 +02:00
committed by Carlos Valente
parent 4872cd0a48
commit e74b2daee7
2 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/features/rundown/rundown-header/RundownHeader.module.scss
+8 -4
View File
@@ -1,8 +1,7 @@
.header { .header {
padding-inline: calc(2.5rem - 6px) calc(1rem + 2px); padding-inline: calc(2.5rem - 6px) 2rem;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 1px;
:is([data-target='small-device']) & { :is([data-target='small-device']) & {
padding-inline: 0; padding-inline: 0;
@@ -12,7 +11,12 @@
.group { .group {
display: flex; display: flex;
gap: 0.25rem; align-items: center;
gap: 2px;
padding-inline: 2px;
background: $gray-1100;
border-radius: $component-border-radius-md;
height: 2rem;
} }
.button { .button {
@@ -20,7 +24,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 2rem; height: calc(2rem - 4px); // padding inline * 2
padding-inline: 1em; padding-inline: 1em;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: $component-border-radius-md; border-radius: $component-border-radius-md;
apps/client/src/features/rundown/rundown-header/RundownMenu.tsx
+2 -2
View File
@@ -33,12 +33,12 @@ function RundownMenu() {
disabled={appMode === AppMode.Run} disabled={appMode === AppMode.Run}
> >
<IoTrash /> <IoTrash />
Clear All Clear all
</Button> </Button>
<Dialog <Dialog
isOpen={isOpen} isOpen={isOpen}
onClose={handlers.close} onClose={handlers.close}
title='Clear Rundown' title='Clear rundown'
showBackdrop showBackdrop
showCloseButton showCloseButton
bodyElements={ bodyElements={