Testing GridItem + AddFruit components
This commit is contained in:
@@ -157,7 +157,16 @@
|
||||
<a name='L99'></a><a href='#L99'>99</a>
|
||||
<a name='L100'></a><a href='#L100'>100</a>
|
||||
<a name='L101'></a><a href='#L101'>101</a>
|
||||
<a name='L102'></a><a href='#L102'>102</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral"> </span>
|
||||
<a name='L102'></a><a href='#L102'>102</a>
|
||||
<a name='L103'></a><a href='#L103'>103</a>
|
||||
<a name='L104'></a><a href='#L104'>104</a>
|
||||
<a name='L105'></a><a href='#L105'>105</a>
|
||||
<a name='L106'></a><a href='#L106'>106</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
@@ -257,7 +266,6 @@
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js"><template>
|
||||
<header id="header" class="main-nav">
|
||||
<router-link to="/">
|
||||
@@ -267,13 +275,18 @@
|
||||
|
||||
<div class="actions">
|
||||
<button
|
||||
:disabled="modalIsOpen"
|
||||
class="action-btn action-btn--delete"
|
||||
@click="() => $store.commit('toggleDeleteMode')"
|
||||
>
|
||||
{{ deleteMode ? "&#x1F6AB;" : "&#x1f5d1;" }}
|
||||
</button>
|
||||
<button class="action-btn action-btn--add" @click="() => $store.commit('toggleModal')">
|
||||
+
|
||||
<button
|
||||
:disabled="deleteMode"
|
||||
class="action-btn action-btn--add"
|
||||
@click="() => $store.commit('toggleModal')"
|
||||
>
|
||||
{{ modalIsOpen ? "&#x1F6AB;" : "&#x2795;" }}
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
@@ -285,7 +298,7 @@ import { mapState } from "vuex";
|
||||
export default {
|
||||
name: "Header",
|
||||
computed: {
|
||||
...mapState(["deleteMode"])
|
||||
...mapState(["deleteMode", "modalIsOpen"])
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -335,24 +348,23 @@ header {
|
||||
border: none;
|
||||
border-radius: 50%;
|
||||
color: @color-2;
|
||||
font-size: 28px;
|
||||
font-size: 24px;
|
||||
font-weight: lighter;
|
||||
text-align: center;
|
||||
margin-left: 1rem;
|
||||
padding-top: 2px;
|
||||
background: lighten(#cecece, 10%);
|
||||
|
||||
&:disabled {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
&--delete {
|
||||
border: 1px solid @text-error;
|
||||
background: lighten(#cecece, 10%);
|
||||
font-size: 24px;
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
&--add {
|
||||
background: linear-gradient(112.4deg, #1c9797 11.05%, #147171 89.93%);
|
||||
|
||||
&:hover {
|
||||
background: linear-gradient(0deg, #1c9797 11.05%, #147171 89.93%);
|
||||
}
|
||||
border: 1px solid @color-1;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -366,7 +378,7 @@ header {
|
||||
<div class='footer quiet pad2 space-top1 center small'>
|
||||
Code coverage generated by
|
||||
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
||||
at Mon Dec 07 2020 15:37:08 GMT+0100 (Central European Standard Time)
|
||||
at Tue Dec 08 2020 18:03:10 GMT+0100 (Central European Standard Time)
|
||||
</div>
|
||||
</div>
|
||||
<script src="../prettify.js"></script>
|
||||
|
||||
Reference in New Issue
Block a user