beautified language switcher
This commit is contained in:
parent
a6867169cd
commit
04ea76bb2f
|
@ -17,9 +17,12 @@
|
||||||
<div class="ui divider"></div>
|
<div class="ui divider"></div>
|
||||||
</template>
|
</template>
|
||||||
<router-view/>
|
<router-view/>
|
||||||
<button @click="language = 'en'">EN</button>
|
|
||||||
<button @click="language = 'de'">DE</button>
|
<div class="lang-switcher">
|
||||||
<button @click="language = 'fr'">FR</button>
|
<a @click="language = 'en'"><i class="gb flag"></i></a>
|
||||||
|
<a @click="language = 'de'"><i class="de flag"></i></a>
|
||||||
|
<a @click="language = 'fr'"><i class="fr flag"></i></a>
|
||||||
|
</div>
|
||||||
<notifications position="bottom left" />
|
<notifications position="bottom left" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -77,4 +80,12 @@ export default {
|
||||||
-moz-border-radius: 3px;
|
-moz-border-radius: 3px;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a, a:hover, a:focus, a:active{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lang-switcher{
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue