Testing GridItem + AddFruit components

This commit is contained in:
2020-12-08 18:03:48 +01:00
parent 065ff6f3ff
commit b5ceae6c00
24 changed files with 844 additions and 380 deletions

View File

@@ -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">&nbsp;</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">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -257,7 +266,6 @@
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
&lt;header id="header" class="main-nav"&gt;
&lt;router-link to="/"&gt;
@@ -267,13 +275,18 @@
&nbsp;
&lt;div class="actions"&gt;
&lt;button
:disabled="modalIsOpen"
class="action-btn action-btn--delete"
@click="() =&gt; $store.commit('toggleDeleteMode')"
&gt;
{{ deleteMode ? "&amp;#x1F6AB;" : "&amp;#x1f5d1;" }}
&lt;/button&gt;
&lt;button class="action-btn action-btn--add" @click="() =&gt; $store.commit('toggleModal')"&gt;
+
&lt;button
:disabled="deleteMode"
class="action-btn action-btn--add"
@click="() =&gt; $store.commit('toggleModal')"
&gt;
{{ modalIsOpen ? "&amp;#x1F6AB;" : "&amp;#x2795;" }}
&lt;/button&gt;
&lt;/div&gt;
&lt;/header&gt;
@@ -285,7 +298,7 @@ import { mapState } from "vuex";
export default {
name: "Header",
computed: {
...mapState(["deleteMode"])
...mapState(["deleteMode", "modalIsOpen"])
}
};
&lt;/script&gt;
@@ -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%);
&nbsp;
&amp;:disabled {
opacity: 0.4;
}
&nbsp;
&amp;--delete {
border: 1px solid @text-error;
background: lighten(#cecece, 10%);
font-size: 24px;
padding-top: 2px;
}
&nbsp;
&amp;--add {
background: linear-gradient(112.4deg, #1c9797 11.05%, #147171 89.93%);
&nbsp;
&amp;: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>