Skip to content

Commit 175acd9

Browse files
authored
Merge pull request #5 from LewisLosa/main
Kaydetme modalı kaldırıldı. Modal'da scroll gözükmemesi düzeltildi.
2 parents a86f663 + 925ff88 commit 175acd9

3 files changed

Lines changed: 10 additions & 37 deletions

File tree

.gitignore

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
node_modules
2+
.idea

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 {

views/index.ejs

Lines changed: 0 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -27,9 +27,6 @@
2727
<button class="sidebar-button settings-button" onclick="showSettingsModal()">
2828
⚙️ Ayarlar
2929
</button>
30-
<button class="sidebar-button" onclick="showSaveModal()">
31-
➕ Kaydet
32-
</button>
3330
</div>
3431

3532
<div id="savedItems" class="saved-items">
@@ -44,38 +41,6 @@
4441
</div>
4542
</div>
4643

47-
<!-- Kaydetme Modal -->
48-
<div id="saveModal" class="modal">
49-
<div class="modal-content">
50-
<div class="modal-header">
51-
<h3 class="modal-title">Sayfayı Kaydet</h3>
52-
</div>
53-
<div class="modal-body">
54-
<form id="saveForm">
55-
<div class="form-group">
56-
<label for="pageName">Sayfa Adı</label>
57-
<input type="text" id="pageName" class="modal-input" placeholder="Sayfa adını girin" required>
58-
</div>
59-
<div class="form-group">
60-
<label for="pageDesc">Açıklama</label>
61-
<input type="text" id="pageDesc" class="modal-input" placeholder="Sayfa açıklaması (isteğe bağlı)">
62-
</div>
63-
<div class="form-group">
64-
<label for="pageIcon">İkon</label>
65-
<div class="file-input-wrapper">
66-
<div id="iconPreview"></div>
67-
<input type="file" id="pageIcon" accept="image/*" class="modal-input">
68-
</div>
69-
</div>
70-
</form>
71-
</div>
72-
<div class="modal-footer">
73-
<button class="modal-button secondary" onclick="hideSaveModal()">İptal</button>
74-
<button class="modal-button primary" onclick="savePage()">Kaydet</button>
75-
</div>
76-
</div>
77-
</div>
78-
7944
<!-- Ayarlar Modal -->
8045
<div id="settingsModal" class="modal">
8146
<div class="modal-content">

0 commit comments

Comments
 (0)