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

fix: put filter navigation buttons on the bottom #58

Merged
gk1623 merged 1 commits from fix-filter-buttons into master 2025-06-16 15:44:46 +00:00
Conversation 3 Commits 1 Files Changed 3 +31 -19
3 changed files with 31 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app.html
View File

@@ -12,6 +12,6 @@
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>
<div style="display: contents; background: inherit">%sveltekit.body%</div>
</body>
</html>

6
src/routes/+page.svelte
View File

@@ -263,7 +263,7 @@
border: none;
color: #eaffeb;
font-size: 1rem;
margin-right: 1rem;
margin-right: 0.5rem;
cursor: pointer;
}
.fav-button:hover {
@@ -274,13 +274,13 @@
display: flex;
justify-content: center;
align-items: center;
margin-right: 2rem;
margin-right: 0.5rem;
}
.search {
display: flex;
align-items: center;
gap: 0.5rem;
gap: 0.3rem;
color: #eaffeb;
font-size: 1rem;
}

42
src/routes/filter/+page.svelte
View File

@@ -104,21 +104,6 @@
</Navbar>
<main>
<div class="controls">
<Button type="link" href="/?{newSearchParams}">Show study spaces</Button>
<Button
style="red"
onclick={() => {
openAt.from = undefined;
openAt.to = undefined;
selectedTags = [];
sortNear = undefined;
tagFilter = "";
}}
>
Clear
</Button>
</div>
<h1>Search options</h1>
<div class="time-filter-container">
<label>
@@ -208,6 +193,23 @@
</div>
<div class="sortMap" bind:this={sortMapElem}></div>
</main>
<div class="controls">
<div class="controls-inner">
<Button type="link" href="/?{newSearchParams}">Back to study spaces</Button>
<Button
style="red"
onclick={() => {
openAt.from = undefined;
openAt.to = undefined;
selectedTags = [];
sortNear = undefined;
tagFilter = "";
}}
>
Clear
</Button>
</div>
</div>
<style>
main {
@@ -219,9 +221,19 @@
margin: auto;
}
.controls {
position: sticky;
background: inherit;
background-attachment: local;
padding: 0.5rem 1rem;
bottom: 0;
width: 100%;
}
.controls-inner {
display: grid;
grid-template-columns: 1fr 1fr;
max-width: 32rem;
gap: 1rem;
margin: auto;
}
.tag-filter-container {
display: flex;