@@ -72,19 +72,19 @@ export default function CountrySelectorModal({ shown, onClose, currentCountry, o
7272 boxShadow : 'none' ,
7373 maxWidth : '100%' ,
7474 width : 'auto' ,
75- overflow : 'hidden '
75+ overflow : 'visible '
7676 } ,
7777 overlay : {
7878 background : 'rgba(0, 0, 0, 0.8)' ,
79- backdropFilter : 'blur(10px)'
79+ backdropFilter : 'blur(10px)' ,
80+ overflow : 'hidden'
8081 }
8182 } }
8283 >
8384 < div className = "join-party-card" style = { {
8485 maxWidth : '600px' ,
8586 width : '90vw' ,
8687 maxHeight : '80vh' ,
87- overflow : 'hidden' ,
8888 display : 'flex' ,
8989 flexDirection : 'column' ,
9090 animation : 'slideInUp 0.6s ease-out'
@@ -108,18 +108,14 @@ export default function CountrySelectorModal({ shown, onClose, currentCountry, o
108108 < div style = { {
109109 flex : 1 ,
110110 minHeight : 0 ,
111- overflowY : 'scroll ' ,
111+ overflowY : 'auto ' ,
112112 overflowX : 'hidden' ,
113- WebkitOverflowScrolling : 'touch' ,
114- overscrollBehavior : 'contain' ,
113+ display : 'grid' ,
114+ gridTemplateColumns : 'repeat(auto-fill, minmax(min(160px, 100%), 1fr))' ,
115+ gap : '8px' ,
115116 marginBottom : '15px' ,
116117 paddingRight : '5px'
117118 } } >
118- < div style = { {
119- display : 'grid' ,
120- gridTemplateColumns : 'repeat(auto-fill, minmax(min(160px, 100%), 1fr))' ,
121- gap : '8px' ,
122- } } >
123119 { filteredCountries . map ( code => (
124120 < button
125121 key = { code }
@@ -172,7 +168,6 @@ export default function CountrySelectorModal({ shown, onClose, currentCountry, o
172168 </ span >
173169 </ button >
174170 ) ) }
175- </ div >
176171 </ div >
177172
178173 < div style = { { display : 'flex' , gap : '10px' , justifyContent : 'center' , flexShrink : 0 } } >
0 commit comments