flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix Photos page Reset button position

Browse Source
This commit is contained in:
Félix Péault
2022-08-31 18:42:04 +02:00
parent a4c42cd366
commit 5444d21404
2 changed files with 13 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/routes/photos/+page.svelte
View File

@@ -410,17 +410,17 @@
</Select> </Select>
</li> </li>
</ul> </ul>
</div>
<div class="filters__actions"> <div class="filters__actions">
{#if filtered} {#if filtered}
<button class="reset button-link" <button class="reset button-link"
on:click={resetFiltered} on:click={resetFiltered}
transition:fly={{ y: 4, duration: 600, easing: quartOutSvelte }} transition:fly={{ y: 4, duration: 600, easing: quartOutSvelte }}
> >
Reset Reset
</button> </button>
{/if} {/if}
</div>
</div> </div>
</div> </div>
</section> </section>

17
src/style/pages/_photos.scss
View File

@@ -381,35 +381,24 @@
@include bp (sm) { @include bp (sm) {
position: absolute; position: absolute;
top: 50%; top: 50%;
right: 56px; right: 20px;
transform: translateY(-50%); transform: translateY(-50%);
margin-top: 0; margin-top: 0;
} }
// Reset link // Reset link
.reset { .reset {
margin-right: 16px; padding: 0 12px;
padding: 0;
color: rgba($color-tertiary, 0.6); color: rgba($color-tertiary, 0.6);
font-weight: 900; font-weight: 900;
font-size: rem(14px); font-size: rem(14px);
transition: color 0.3s; transition: color 0.3s;
transform: translateZ(0);
&:hover { &:hover {
color: $color-tertiary; color: $color-tertiary;
} }
} }
// Shuffle button
// .shuffle {
// display: flex;
// align-items: center;
// justify-content: center;
// height: 32px;
// background-color: $color-tertiary;
// padding: 0 16px;
// border-radius: 50vh;
// }
} }