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">
<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 -->
<div class="form-card">
<form id="merge-form">
@ -43,24 +55,11 @@
</div>
</form>
</div>
<!-- Result Section -->
<div id="result-container">
<p class="result-info">After merging, your calendar URL will appear here.</p>
<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>
<!-- Result Section -->
<div id="result-container">
<p class="result-info">After merging, your calendar URL will appear here.</p>
<div id="result"></div>
</div>
</div>