summaryrefslogtreecommitdiff
path: root/src/client/ui/_common_/header.vue
diff options
context:
space:
mode:
authorsyuilo <syuilotan@yahoo.co.jp>2020-11-28 12:15:22 +0900
committersyuilo <syuilotan@yahoo.co.jp>2020-11-28 12:15:22 +0900
commitab50d5ef2030d7a2c3c735e873c0456918b2785e (patch)
treedcba79f5d844ed89684b05fab67f07e54c6e1cd9 /src/client/ui/_common_/header.vue
parentTweak style (diff)
downloadmisskey-ab50d5ef2030d7a2c3c735e873c0456918b2785e.tar.gz
misskey-ab50d5ef2030d7a2c3c735e873c0456918b2785e.tar.bz2
misskey-ab50d5ef2030d7a2c3c735e873c0456918b2785e.zip
wip
Diffstat (limited to 'src/client/ui/_common_/header.vue')
-rw-r--r--src/client/ui/_common_/header.vue16
1 files changed, 8 insertions, 8 deletions
diff --git a/src/client/ui/_common_/header.vue b/src/client/ui/_common_/header.vue
index 87a5621902..c58f2841ff 100644
--- a/src/client/ui/_common_/header.vue
+++ b/src/client/ui/_common_/header.vue
@@ -74,29 +74,29 @@ export default defineComponent({
});
</script>
-<style lang="scss" scoped vars="{ height }">
+<style lang="scss" scoped>
.fdidabkb {
text-align: center;
> .back {
- height: var(--height);
- width: var(--height);
+ height: v-bind(height);
+ width: v-bind(height);
}
> .action {
- height: var(--height);
- width: var(--height);
+ height: v-bind(height);
+ width: v-bind(height);
}
> .titleContainer {
- width: calc(100% - (var(--height) * 2));
+ width: calc(100% - (v-bind(height) * 2));
> .title {
- height: var(--height);
+ height: v-bind(height);
> .avatar {
$size: 32px;
- margin: calc((var(--height) - #{$size}) / 2) 8px calc((var(--height) - #{$size}) / 2) 0;
+ margin: calc((v-bind(height) - #{$size}) / 2) 8px calc((v-bind(height) - #{$size}) / 2) 0;
pointer-events: none;
}
}