diff options
author | greta <gretadoci@gmail.com> | 2022-06-29 18:31:35 +0200 |
---|---|---|
committer | greta <gretadoci@gmail.com> | 2022-07-01 16:46:45 +0200 |
commit | 789152bb07013cf649c31630ed0fafc24ddd2634 (patch) | |
tree | 345315b4eb2dbc6c4e37fe72d43d37d2a04dc451 /src/components/Properties/PropertyTitle.vue | |
parent | 9d1a7cf81a5420ddb9d6ea8961931d046b3e6e2b (diff) |
Migrate icons to material design icons
Signed-off-by: greta <gretadoci@gmail.com>
Diffstat (limited to 'src/components/Properties/PropertyTitle.vue')
-rw-r--r-- | src/components/Properties/PropertyTitle.vue | 20 |
1 files changed, 18 insertions, 2 deletions
diff --git a/src/components/Properties/PropertyTitle.vue b/src/components/Properties/PropertyTitle.vue index fcaa731a..c92a5414 100644 --- a/src/components/Properties/PropertyTitle.vue +++ b/src/components/Properties/PropertyTitle.vue @@ -22,7 +22,7 @@ <template> <h3 class="property__title property__row"> - <div :class="icon" class="property__label property__title--icon" /> + <PropertyTitleIcon :icon="icon" /> <div class="property__value property__title--right"> {{ readableName }} </div> @@ -30,9 +30,12 @@ </template> <script> +import PropertyTitleIcon from './PropertyTitleIcon' export default { name: 'PropertyTitle', - + components: { + PropertyTitleIcon, + }, props: { icon: { type: String, @@ -47,3 +50,16 @@ export default { }, } </script> +<style lang="scss" scoped> +.property__title { + display: flex; + align-items: center; + margin: 0; + user-select: none; + gap: 5px; +} +.property__title .property__title--right { + display: flex; + justify-content: space-between; +} +</style> |