shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-17 17:24:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): correct toasts being in the wrong position on smaller screens

Browse Source
This commit is contained in:
sct
2021-04-26 01:29:36 +09:00
parent 11a5e8d95b
commit 2ecd9d7b13
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Toast/index.tsx
View File

@@ -16,7 +16,7 @@ const Toast: React.FC<ToastProps> = ({
transitionState, transitionState,
}) => { }) => {
return ( return (
<div className="flex items-end justify-center px-2 py-2 pointer-events-none toast sm:items-start sm:justify-end"> <div className="flex items-end justify-center max-w-full px-2 py-2 pointer-events-none toast sm:items-start sm:justify-end">
<Transition <Transition
show={transitionState === 'entered'} show={transitionState === 'entered'}
enter="transition duration-300 transform-gpu" enter="transition duration-300 transform-gpu"

2
src/components/ToastContainer/index.tsx
View File

@@ -8,7 +8,7 @@ const ToastContainer: React.FC<ToastContainerProps> = ({
return ( return (
<div <div
id="toast-container" id="toast-container"
className="fixed max-w-full max-h-full overflow-hidden top-4 right-4" className="box-border fixed right-0 max-w-full max-h-full px-4 overflow-hidden top-4"
style={{ style={{
pointerEvents: hasToasts ? 'all' : 'none', pointerEvents: hasToasts ? 'all' : 'none',
zIndex: 10000, zIndex: 10000,