From fede4eeb89fff2c29a6498f02a0033d8f52ec1c6 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Sat, 28 Nov 2020 12:19:57 +0900
Subject: wip

---
 src/client/ui/_common_/header.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'src/client/ui/_common_')

diff --git a/src/client/ui/_common_/header.vue b/src/client/ui/_common_/header.vue
index c58f2841ff..25f1c5f00c 100644
--- a/src/client/ui/_common_/header.vue
+++ b/src/client/ui/_common_/header.vue
@@ -1,5 +1,5 @@
 <template>
-<div class="fdidabkb">
+<div class="fdidabkb" :style="`--height:${height};`">
 	<transition :name="$store.state.device.animation ? 'header' : ''" mode="out-in" appear>
 		<button class="_button back" v-if="withBack && canBack" @click.stop="back()"><Fa :icon="faChevronLeft"/></button>
 	</transition>
@@ -79,24 +79,24 @@ export default defineComponent({
 	text-align: center;
 
 	> .back {
-		height: v-bind(height);
-		width: v-bind(height);
+		height: var(--height);
+		width: var(--height);
 	}
 
 	> .action {
-		height: v-bind(height);
-		width: v-bind(height);
+		height: var(--height);
+		width: var(--height);
 	}
 
 	> .titleContainer {
-		width: calc(100% - (v-bind(height) * 2));
+		width: calc(100% - (var(--height) * 2));
 
 		> .title {
-			height: v-bind(height);
+			height: var(--height);
 
 			> .avatar {
 				$size: 32px;
-				margin: calc((v-bind(height) - #{$size}) / 2) 8px calc((v-bind(height) - #{$size}) / 2) 0;
+				margin: calc((var(--height) - #{$size}) / 2) 8px calc((var(--height) - #{$size}) / 2) 0;
 				pointer-events: none;
 			}
 		}
-- 
cgit v1.2.3-freya