tweak home button size and padding
This commit is contained in:
parent
3cfb1e77ee
commit
a234004303
1 changed files with 4 additions and 2 deletions
|
|
@ -208,7 +208,7 @@
|
||||||
onmouseenter={() => (databaseBackHovered = true)}
|
onmouseenter={() => (databaseBackHovered = true)}
|
||||||
onmouseleave={() => (databaseBackHovered = false)}
|
onmouseleave={() => (databaseBackHovered = false)}
|
||||||
>
|
>
|
||||||
<Icon name="home" size={14} />
|
<Icon name="home" size={21} />
|
||||||
{#if databaseBackHovered}
|
{#if databaseBackHovered}
|
||||||
<span class="database-back-label">Back to site</span>
|
<span class="database-back-label">Back to site</span>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
@ -529,9 +529,11 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding: spacing.$unit (spacing.$unit * 1.5);
|
padding: calc(spacing.$unit * 1.25);
|
||||||
|
aspect-ratio: 1;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
aspect-ratio: auto;
|
||||||
color: colors.$grey-30;
|
color: colors.$grey-30;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue