ryanmwangi/CalMerger
1
0
Fork 1
Code Issues 2 Pull requests Releases Activity

feat(ui): reorganize search section in calendar merger interface

Browse source
This commit is contained in:
ryan 2025-05-20 17:49:45 +03:00
parent 258bacb7b0
commit 39b2d9f23b
1 changed files with 17 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
public/index.html
View file

@ -10,6 +10,18 @@
<div class="container"> <div class="container">
<h1>📅 Calendar Merger</h1> <h1>📅 Calendar Merger</h1>
<!-- Search Section -->
<div class="form-card search-section">
<h2>Find Existing Calendar</h2>
<div class="input-group">
<div class="search-container">
<input type="text" id="calendar-search" placeholder="Enter calendar name">
<button type="button" id="search-btn" class="button primary-btn">Search</button>
</div>
<div id="search-result"></div>
</div>
</div>
<!-- Merge Form --> <!-- Merge Form -->
<div class="form-card"> <div class="form-card">
<form id="merge-form"> <form id="merge-form">
@ -43,24 +55,11 @@
</div> </div>
</form> </form>
</div> </div>
<!-- Result Section --> <!-- Result Section -->
<div id="result-container"> <div id="result-container">
<p class="result-info">After merging, your calendar URL will appear here.</p> <p class="result-info">After merging, your calendar URL will appear here.</p>
<div id="result"></div> <div id="result"></div>
</div>
<!-- Search Section -->
<div class="form-card search-section">
<h2>Find Existing Calendar</h2>
<div class="input-group">
<div class="search-container">
<input type="text" id="calendar-search" placeholder="Enter calendar name">
<button type="button" id="search-btn" class="button primary-btn">Search</button>
</div>
<div id="search-result"></div>
</div>
</div> </div>
</div> </div>