commit 8993d7c0fefcd0a6a5f20aff22840d4036c46474
parent 42a015a7e04976a9c46c235e074a8cee5bab6889
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date: Tue, 22 Dec 2020 18:47:37 -0800
Implement back button in header.
Diffstat:
4 files changed, 17 insertions(+), 2 deletions(-)
diff --git a/css/global.css b/css/global.css
@@ -93,6 +93,13 @@ header {
padding-bottom: 15px;
}
+#backArrow {
+ position: fixed;
+ left: 10px;
+ height: 30px;
+ background-color: var(--theme-color);
+}
+
main {
grid-row: 2;
grid-column: 2;
diff --git a/images/arrow-left.svg b/images/arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>
+\ No newline at end of file
diff --git a/index.html b/index.html
@@ -24,7 +24,10 @@
<body onload="Load();">
<div id="app">
- <header @click="Back">Spanish-Quizzer</header>
+ <header @click="Back">
+ <img id="backArrow" v-show="state != 'home'" src="images/arrow-left.svg"/>
+ Spanish-Quizzer
+ </header>
<main>
<noscript>
diff --git a/reference.html b/reference.html
@@ -17,7 +17,10 @@
<body onload="Load()" onresize="setTableHeight()">
<div id="app">
- <header onclick="window.location='./'">Spanish-Quizzer</header>
+ <header onclick="window.location='./'">
+ <img id="backArrow" src="images/arrow-left.svg"/>
+ Spanish-Quizzer
+ </header>
<main>
<noscript>
