aboutsummaryrefslogtreecommitdiff
path: root/src/App.vue
diff options
context:
space:
mode:
authorTerry Truong <terry06890@gmail.com>2023-01-28 15:32:51 +1100
committerTerry Truong <terry06890@gmail.com>2023-01-28 15:32:51 +1100
commit0788bd891c8773f601900300866be8f6ad867bd4 (patch)
treecf3f479f679733b0bab2d0bfda3db07c53e75e3a /src/App.vue
parent252ba131c1b7e39b535c428102e66b90cd70d665 (diff)
Tweak more styling
Adjust image-source-info highlighting Prevent info-modal title from overlapping close-icon Don't display wikipedia citation for absent descriptions Include 'prototype' in clickable title
Diffstat (limited to 'src/App.vue')
-rw-r--r--src/App.vue10
1 files changed, 3 insertions, 7 deletions
diff --git a/src/App.vue b/src/App.vue
index c258b0d..9dcb08b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,15 +3,11 @@
:style="{scrollbarColor: store.color.altDark2 + ' ' + store.color.bgDark}">
<!-- Title bar -->
<div class="flex gap-2 p-2" :style="{backgroundColor: store.color.bgDark2}">
- <div class="flex flex-col items-center" :style="{color: store.color.altDark}">
- <h1 class="my-auto text-xl hover:cursor-pointer"
- @click="onReset" title="Reset Timeline">Chrona</h1>
+ <div class="flex flex-col items-center hover:cursor-pointer hover:brightness-125"
+ :style="{color: store.color.altDark}" @click="onReset">
+ <h1 class="my-auto text-xl" title="Reset Timeline">Chrona</h1>
<div class="text-xs">(prototype)</div>
</div>
- <!--
- <h1 class="my-auto ml-2 sm:ml-2 text-4xl hover:cursor-pointer" :style="{color: store.color.altDark}"
- @click="onReset" title="Reset Timeline">Chrona (prototype)</h1>
- -->
<div class="mx-auto"/> <!-- Spacer -->
<!-- Icons -->
<icon-button :size="45" :style="buttonStyles" @click="helpOpen = true" title="Show help info">