From 62d23ec699256624060735276f671a50fff4da22 Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Sun, 3 Jul 2022 12:27:44 -0500
Subject: [PATCH] Made MainDisplay sticky
---
src/features/resources/MainDisplay.vue | 26 ++++++++++++++++++--------
1 file changed, 18 insertions(+), 8 deletions(-)
diff --git a/src/features/resources/MainDisplay.vue b/src/features/resources/MainDisplay.vue
index 2202b39..18d8164 100644
--- a/src/features/resources/MainDisplay.vue
+++ b/src/features/resources/MainDisplay.vue
@@ -1,15 +1,17 @@
<template>
- <div>
- <span v-if="showPrefix">You have </span>
- <ResourceVue :resource="resource" :color="color || 'white'" />
- {{ resource.displayName
- }}<!-- remove whitespace -->
- <span v-if="effectComponent">, <component :is="effectComponent" /></span>
- <br /><br />
- </div>
+ <Sticky>
+ <div class="main-display">
+ <span v-if="showPrefix">You have </span>
+ <ResourceVue :resource="resource" :color="color || 'white'" />
+ {{ resource.displayName
+ }}<!-- remove whitespace -->
+ <span v-if="effectComponent">, <component :is="effectComponent" /></span>
+ </div>
+ </Sticky>
</template>
<script setup lang="ts">
+import Sticky from "components/layout/Sticky.vue";
import type { CoercableComponent } from "features/feature";
import type { Resource } from "features/resources/resource";
import ResourceVue from "features/resources/Resource.vue";
@@ -35,3 +37,11 @@ const showPrefix = computed(() => {
return Decimal.lt(props.resource.value, "1e1000");
});
</script>
+
+<style>
+.main-display {
+ height: 50px;
+ line-height: 50px;
+ margin-bottom: 20px;
+}
+</style>