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

✨ Rework buttons classes and variants

Browse Source 
Add a conditional class and list props as BEM class modifiers
This commit is contained in:
Félix Péault
2021-10-19 17:19:05 +02:00
parent ea567693c2
commit ecacc0c1a1
9 changed files with 42 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/routes/[country]/[location]/[photo].svelte
View File

@@ -60,15 +60,10 @@ import ButtonCircle from '$components/atoms/ButtonCircle.svelte'
<div class="viewer-photo__controls">
<ButtonCircle on:click={goToPrevious}>
<IconArrow
color="pink"
flip={true}
/>
<IconArrow color="pink" flip={true} />
</ButtonCircle>
<ButtonCircle on:click={goToPrevious}>
<IconArrow
color="pink"
/>
<IconArrow color="pink" />
</ButtonCircle>
</div>

2
src/routes/[country]/[location]/index.svelte
View File

@@ -143,7 +143,7 @@
<Button url="/locations" text="Change location" class="shadow-small">
<IconEarth />
</Button>
<Button url="/shop" text="Buy the poster" class="button--pink shadow-small">
<Button url="/shop" text="Buy the poster" color="pink" class="shadow-small">
<!-- <IconEarth /> -->
</Button>
</div>