ref tag update
This commit is contained in:
parent
fe2092a9a4
commit
a6cfe5d173
|
@ -1,3 +1,19 @@
|
||||||
span.rnav {
|
span.rnav {
|
||||||
border: 20px;
|
display: inline-block;
|
||||||
|
padding: 10px;
|
||||||
|
font-size: 2rem;
|
||||||
|
border: 5px solid;
|
||||||
|
margin: 20px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.rnav:hover {
|
||||||
|
display: inline-block;
|
||||||
|
background-color: var(--fg);
|
||||||
|
color: black;
|
||||||
|
mix-blend-mode:lighten;
|
||||||
|
border: 5px solid;
|
||||||
|
opacity: 1;
|
||||||
|
padding: 15px;
|
||||||
|
margin: 15px;
|
||||||
}
|
}
|
|
@ -1,6 +1,6 @@
|
||||||
Vue.component('rnav', {
|
Vue.component('rnav', {
|
||||||
template: `
|
template: `
|
||||||
<span class="rnav" v-on:click="toggle">{{ tag.name }}</span>
|
<span class="rnav" v-on:click="toggle" v-bind:class="{ 'tagged': tag.isTrue}">{{ tag.name }}</span>
|
||||||
`,
|
`,
|
||||||
props : ['tag'],
|
props : ['tag'],
|
||||||
methods: {
|
methods: {
|
||||||
|
|
Loading…
Reference in New Issue