PatAlcala9/ocbo-esign
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed modal

Browse source
This commit is contained in:
Patrick Alvin Alcala 2025-09-30 09:38:07 +08:00
parent b6f8546114
commit aa31a79b6d
1 changed files with 15 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/Modal/Modal.tsx
View file

@ -7,11 +7,13 @@ interface Props {
color?: string color?: string
border?: string border?: string
opacity?: number opacity?: number
trigger: boolean
} }
export default (props: Props) => { export default (props: Props) => {
return ( return (
<> <>
<Show when={props.trigger}>
<div class="modal"> <div class="modal">
<Show when={props.border}> <Show when={props.border}>
<div class="modal__content" style={`background-color: ${props.background}; color: ${props.color}; border: 2px solid ${props.border}; opacity: ${props.opacity || 1}`}> <div class="modal__content" style={`background-color: ${props.background}; color: ${props.color}; border: 2px solid ${props.border}; opacity: ${props.opacity || 1}`}>
@ -25,6 +27,7 @@ export default (props: Props) => {
</div> </div>
</Show> </Show>
</div> </div>
</Show>
</> </>
) )
} }