mirror of
https://github.com/sussy-code/smov.git
synced 2026-04-21 16:41:58 +00:00
Fix overflow hidden
This commit is contained in:
parent
8e77a95878
commit
4055febd4e
2 changed files with 32 additions and 28 deletions
|
|
@ -18,6 +18,10 @@
|
|||
max-width: 100%;
|
||||
}
|
||||
|
||||
.card-wrapper.overflow-hidden {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
.card {
|
||||
margin: 0;
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ export function Card(props) {
|
|||
}, [props.show, measureRef])
|
||||
|
||||
return (
|
||||
<div className={`card-wrapper ${ props.fullWidth ? 'full' : '' }`} style={{
|
||||
<div className={`card-wrapper ${ props.fullWidth ? 'full' : '' } ${ props.doTransition ? 'overflow-hidden' : '' }`} style={{
|
||||
height: props.doTransition ? (showing ? height : 0) : "initial",
|
||||
}}>
|
||||
<div className={`card ${ showing ? 'show' : '' } ${ props.doTransition ? 'doTransition' : '' }`} ref={measureRef}>
|
||||
|
|
|
|||
Loading…
Reference in a new issue