diff options
| author | HJ <30-hj@users.noreply.git.pleroma.social> | 2024-10-04 10:11:49 +0000 |
|---|---|---|
| committer | HJ <30-hj@users.noreply.git.pleroma.social> | 2024-10-04 10:11:49 +0000 |
| commit | bb0a7a81c5c5e9947471ccffff629af9ee6d6185 (patch) | |
| tree | e67dca18d5f0343ae798e60bfec7d7969e54856f /src/components/navigation/navigation_entry.vue | |
| parent | a1c3a7a742ea86b0ddeb67a42ca27f478f0f22a2 (diff) | |
| parent | 216ca52073212942ffb6f75b63993a5f5c32a5d6 (diff) | |
Merge branch 'bookmark-folders' into 'develop'
Bookmark folders
Closes #1335
See merge request pleroma/pleroma-fe!1945
Diffstat (limited to 'src/components/navigation/navigation_entry.vue')
| -rw-r--r-- | src/components/navigation/navigation_entry.vue | 38 |
1 files changed, 35 insertions, 3 deletions
diff --git a/src/components/navigation/navigation_entry.vue b/src/components/navigation/navigation_entry.vue index 4ea54ee3..024ee314 100644 --- a/src/components/navigation/navigation_entry.vue +++ b/src/components/navigation/navigation_entry.vue @@ -22,11 +22,25 @@ :icon="item.icon" /> </span> + <img + v-if="item.iconEmojiUrl" + class="menu-icon iconEmoji iconEmoji-image" + :src="item.iconEmojiUrl" + :alt="item.iconEmoji" + :title="item.iconEmoji" + > <span - v-if="item.iconLetter" - class="icon iconLetter fa-scale-110 menu-icon" - >{{ item.iconLetter }} + v-else-if="item.iconEmoji" + class="menu-icon iconEmoji" + > + <span> + {{ item.iconEmoji }} + </span> </span> + <span + v-else-if="item.iconLetter" + class="icon iconLetter fa-scale-110 menu-icon" + >{{ item.iconLetter }}</span> <span class="label"> {{ item.labelRaw || $t(item.label) }} </span> @@ -110,5 +124,23 @@ .badge { margin: 0 var(--__horizontal-gap); } + + .iconEmoji { + display: inline-block; + text-align: center; + object-fit: contain; + vertical-align: middle; + height: var(--__line-height); + width: var(--__line-height); + + > span { + font-size: 1.5rem; + } + } + + img.iconEmoji { + padding: 0.25rem; + box-sizing: border-box; + } } </style> |