Fixed Navigation Bar scaling of quiz-app
parent
dbd6a3c713
commit
c3deb5759b
|
@ -1,14 +1,21 @@
|
|||
<template>
|
||||
<div>
|
||||
<nav>
|
||||
<router-link class="navlink" to="/">Home</router-link>
|
||||
<label for="locale">locale</label>
|
||||
<select v-model="locale">
|
||||
<option>en</option>
|
||||
<option>es</option>
|
||||
</select>
|
||||
|
||||
<span class="title">{{ questions[locale][0].title }}</span>
|
||||
<ul>
|
||||
<li>
|
||||
<router-link class="navlink" to="/">Home</router-link>
|
||||
</li>
|
||||
<li>
|
||||
<label for="locale">locale</label>
|
||||
</li>
|
||||
<li>
|
||||
<select v-model="locale">
|
||||
<option>en</option>
|
||||
<option>es</option>
|
||||
</select>
|
||||
</li>
|
||||
<li class="title">{{ questions[locale][0].title }}</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div id="app">
|
||||
|
||||
|
@ -74,6 +81,17 @@ nav a {
|
|||
text-align: right;
|
||||
}
|
||||
|
||||
ul{
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.title {
|
||||
color:white;
|
||||
font-weight: bold;
|
||||
|
|
Loading…
Reference in New Issue