Skip to content

Commit 887261f

Browse files
committed
Add voting and sorting functionality to links, and enhance submission form with metadata fetching
1 parent e56c4d0 commit 887261f

5 files changed

Lines changed: 316 additions & 8 deletions

File tree

css/style.css

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -642,6 +642,35 @@ main {
642642
margin-bottom: 0.6rem;
643643
}
644644

645+
.voting {
646+
display: flex;
647+
gap: 0.5rem;
648+
margin: 1rem 0;
649+
}
650+
651+
.vote-btn {
652+
padding: 0.5rem 0.75rem;
653+
border: 1px solid #c6d1e6;
654+
background: #f5f7fd;
655+
color: var(--text);
656+
cursor: pointer;
657+
border-radius: 8px;
658+
font-size: 0.9rem;
659+
transition: background 0.2s ease;
660+
}
661+
662+
.vote-btn:hover {
663+
background: #eef2fb;
664+
}
665+
666+
.vote-btn.up {
667+
color: #0f3d2a;
668+
}
669+
670+
.vote-btn.down {
671+
color: #4a1025;
672+
}
673+
645674
.comment {
646675
background: #f5f7fd;
647676
padding: 0.9rem;

dashboard.html

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,12 @@ <h3>Search Links</h3>
2929
<select id="tag-filter">
3030
<option value="all">All tags</option>
3131
</select>
32+
<select id="sort-filter">
33+
<option value="newest">Newest First</option>
34+
<option value="oldest">Oldest First</option>
35+
<option value="most-upvoted">Most Upvoted</option>
36+
<option value="least-upvoted">Least Upvoted</option>
37+
</select>
3238
</div>
3339
<div id="links-container" class="panel-block">
3440
<h2>Recent Links</h2>

0 commit comments

Comments
 (0)