Switcher: Add a link to homepage

This commit is contained in:
2020-02-14 12:39:20 +01:00
parent 3badc0c1d6
commit 7c3d782260
2 changed files with 17 additions and 9 deletions

View File

@@ -21,8 +21,8 @@
</script> </script>
<div class="switcher {type}"> <div class="switcher {type}">
<a href="/choose">
<div class="switcher__text" class:empty={!location}> <div class="switcher__text" class:empty={!location}>
<a href="/">
{#if !location} {#if !location}
<span class="top">Houses</span> <span class="top">Houses</span>
<span class="bottom"> <span class="bottom">
@@ -32,9 +32,11 @@
<span class="top">Houses <em>{locationOf}</em></span> <span class="top">Houses <em>{locationOf}</em></span>
<span class="bottom">{locationName}</span> <span class="bottom">{locationName}</span>
{/if} {/if}
</a>
</div> </div>
<div class="button-control button-control--dashed switcher__icon"> <div class="button-control button-control--dashed switcher__icon">
<a href="/choose">
<IconGlobe <IconGlobe
color={type.includes('side') ? '#333' : '#fff'} color={type.includes('side') ? '#333' : '#fff'}
width={type.includes('side') ? 18 : 24} width={type.includes('side') ? 18 : 24}
@@ -42,8 +44,8 @@
<svg> <svg>
<circle cx="50%" cy="50%" r="{type.includes('side') ? 24 : radius}px"></circle> <circle cx="50%" cy="50%" r="{type.includes('side') ? 24 : radius}px"></circle>
</svg> </svg>
</div>
</a> </a>
</div>
</div> </div>
<!-- <div class="switcher switcher--side"> <!-- <div class="switcher switcher--side">

View File

@@ -1,8 +1,9 @@
// Switcher // Switcher
.switcher { .switcher {
a {
display: flex; display: flex;
align-items: center; align-items: center;
a {
color: #C78FEC; color: #C78FEC;
text-decoration: none; text-decoration: none;
} }
@@ -47,6 +48,12 @@
height: 52px; height: 52px;
margin-top: 4px; margin-top: 4px;
margin-left: -8px; margin-left: -8px;
a {
display: flex;
align-items: center;
justify-content: center;
}
} }
@@ -57,7 +64,6 @@
.switcher { .switcher {
&__text { &__text {
font-size: rem(22px); font-size: rem(22px);
pointer-events: none;
} }
&__icon { &__icon {
width: 40px; width: 40px;