Skip to content

Commit 59e960b

Browse files
committed
Modal'da scroll gözükmeme fixlendi.
1 parent a86f663 commit 59e960b

1 file changed

Lines changed: 8 additions & 2 deletions

File tree

public/css/index.css

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -253,6 +253,9 @@ body {
253253
}
254254

255255
.modal-content {
256+
display: flex;
257+
flex-direction: column;
258+
justify-content: space-between;
256259
position: absolute;
257260
top: 50%;
258261
left: 50%;
@@ -262,6 +265,8 @@ body {
262265
padding: 24px;
263266
width: 90%;
264267
max-width: 480px;
268+
max-height: calc(100vh - 64px);
269+
overflow-y: auto;
265270
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
266271
opacity: 0;
267272
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
@@ -284,7 +289,7 @@ body {
284289
}
285290

286291
.modal-body {
287-
margin-bottom: 24px;
292+
flex: 1;
288293
}
289294

290295
.form-group {
@@ -341,7 +346,8 @@ body {
341346
.modal-footer {
342347
display: flex;
343348
justify-content: flex-end;
344-
gap: 12px;
349+
gap: 10px;
350+
padding-top: 10px;
345351
}
346352

347353
.modal-button {

0 commit comments

Comments
 (0)