diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2020-11-28 12:15:22 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2020-11-28 12:15:22 +0900 |
| commit | ab50d5ef2030d7a2c3c735e873c0456918b2785e (patch) | |
| tree | dcba79f5d844ed89684b05fab67f07e54c6e1cd9 /src/client/ui/_common_/header.vue | |
| parent | Tweak style (diff) | |
| download | misskey-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.vue | 16 |
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; } } |