granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix footer shadows for all other modals

Browse source 
Also removes default box-shadow and border-top
This commit is contained in:
Justin Edmund 2023-07-03 20:53:53 -07:00
parent c7311a4e03
commit 2994d16d49
2 changed files with 1 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/common/DialogContent/index.tsx
View file

@ -92,7 +92,7 @@ const DialogContent = React.forwardRef<HTMLDivElement, Props>(function Dialog(
const calculateFooterShadow = debounce(() => { const calculateFooterShadow = debounce(() => {
const boxShadowBase = '0 -2px 8px' const boxShadowBase = '0 -2px 8px'
const scrollable = document.querySelector(`.${styles.scrollValue}`) const scrollable = document.querySelector(`.${styles.scrollable}`)
const footer = props.footerref const footer = props.footerref
if (footer && footer.current) { if (footer && footer.current) {

2
components/common/DialogFooter/index.module.scss
View file

@ -4,8 +4,6 @@
align-items: flex-end; align-items: flex-end;
background: var(--dialog-bg); background: var(--dialog-bg);
bottom: -1px; // hack to fix content being visible 1px below bottom: -1px; // hack to fix content being visible 1px below
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.16);
border-top: 1px solid rgba(0, 0, 0, 0.24);
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;