0
0
mirror of https://github.com/Maks1mS/free-ozon-dpr.git synced 2024-12-24 02:52:58 +03:00

fix: remove padding on mobile

This commit is contained in:
Maxim Slipenko 2024-06-09 08:10:27 +03:00
parent d1085dfcba
commit be1acbbbf8

View File

@ -41,11 +41,16 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
background: white; background: white;
padding: 5rem; padding: 1rem;
font-size: 14pt; font-size: 14pt;
} }
.info-popup > footer { .info-popup-content {
max-width: 1000px;
margin: 0 auto;
}
.info-popup-content > footer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 1rem; gap: 1rem;
@ -53,7 +58,7 @@
padding: 20px; padding: 20px;
} }
.info-popup > footer > button { .info-popup-content > footer > button {
font-size: 14pt; font-size: 14pt;
padding: 10px; padding: 10px;
max-width: 300px; max-width: 300px;
@ -62,6 +67,7 @@
</head> </head>
<body> <body>
<div class="info-popup"> <div class="info-popup">
<div class="info-popup-content">
<h1>Важная информация перед использованием сайта</h1> <h1>Важная информация перед использованием сайта</h1>
<h2>Пожалуйста, прочитайте внимательно</h2> <h2>Пожалуйста, прочитайте внимательно</h2>
<p> <p>
@ -90,6 +96,7 @@
<button>Я прочитал и понял прочитанное</button> <button>Я прочитал и понял прочитанное</button>
</footer> </footer>
</div> </div>
</div>
<div id="map" class="map"></div> <div id="map" class="map"></div>
<div id="popup" class="ol-popup"> <div id="popup" class="ol-popup">