Imperial-MEng/drp-48
1
0
Fork 0
Code Issues 17 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Added filtering by optional tags in the main page. Created TagFilter... #40

Merged
tt2022 merged 8 commits from feat/filter-by-tags into master 2025-06-11 02:45:24 +00:00
Conversation 10 Commits 8 Files Changed 3 +238 -437
19 changed files with 238 additions and 437 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 5eb7a9f58c - Show all commits

27
src/routes/+page.svelte
View File

@@ -58,15 +58,17 @@
</Navbar> </Navbar>
<main> <main>
<TagFilter <div class="tag-filter-container">
{selectedTags} <TagFilter
{tagFilter} {selectedTags}
{tagFilterElem} {tagFilter}
{filteredTags} {tagFilterElem}
{dropdownVisible} {filteredTags}
{deleteTag} {dropdownVisible}
{addTag} {deleteTag}
/> {addTag}
/>
</div>
{#each filteredStudySpaces() as studySpace (studySpace.id)} {#each filteredStudySpaces() as studySpace (studySpace.id)}
{@const imgUrl = {@const imgUrl =
@@ -100,6 +102,13 @@
transform: rotate(45deg); transform: rotate(45deg);
} }
.tag-filter-container {
grid-column: 1 / -1;
display: flex;
justify-content: center;
margin-bottom: 1rem;
}
@media (max-width: 20rem) { @media (max-width: 20rem) {
main { main {
grid-template-columns: 1fr; grid-template-columns: 1fr;