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

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

@@ -410,7 +410,6 @@
</Select> </Select>
</li> </li>
</ul> </ul>
</div>
<div class="filters__actions"> <div class="filters__actions">
{#if filtered} {#if filtered}
@@ -423,6 +422,7 @@
{/if} {/if}
</div> </div>
</div> </div>
</div>
</section> </section>
<section class="photos-page__content" bind:this={photosContentEl} style:--margin-sides="{sideMargins}px"> <section class="photos-page__content" bind:this={photosContentEl} style:--margin-sides="{sideMargins}px">

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;
// }
} }