diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-03-25 20:06:46 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-03-25 20:06:46 +0900 |
| commit | 97fddf2a80e0d37757d668d0e3dac52aaaf733c3 (patch) | |
| tree | fe08b2861b275a6a4acd09815a904a6013c837e2 /packages/frontend/src/ui/_common_ | |
| parent | Bump version to 2025.3.2-beta.13 (diff) | |
| download | sharkey-97fddf2a80e0d37757d668d0e3dac52aaaf733c3.tar.gz sharkey-97fddf2a80e0d37757d668d0e3dac52aaaf733c3.tar.bz2 sharkey-97fddf2a80e0d37757d668d0e3dac52aaaf733c3.zip | |
🎨
Diffstat (limited to 'packages/frontend/src/ui/_common_')
| -rw-r--r-- | packages/frontend/src/ui/_common_/navbar.vue | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/packages/frontend/src/ui/_common_/navbar.vue b/packages/frontend/src/ui/_common_/navbar.vue index 0f00a25d7a..8bd33c7052 100644 --- a/packages/frontend/src/ui/_common_/navbar.vue +++ b/packages/frontend/src/ui/_common_/navbar.vue @@ -48,6 +48,9 @@ SPDX-License-Identifier: AGPL-3.0-only </MkA> </div> <div :class="$style.bottom"> + <button v-if="showWidgetButton" class="_button" :class="[$style.widget]" @click="() => emit('widgetButtonClick')"> + <i class="ti ti-apps ti-fw"></i> + </button> <button v-tooltip.noDelay.right="i18n.ts.note" class="_button" :class="[$style.post]" data-cy-open-post-form @click="() => { os.post(); }"> <i class="ti ti-pencil ti-fw" :class="$style.postIcon"></i><span :class="$style.postText">{{ i18n.ts.note }}</span> </button> @@ -104,6 +107,14 @@ import { $i } from '@/i.js'; const router = useRouter(); +const props = defineProps<{ + showWidgetButton?: boolean; +}>(); + +const emit = defineEmits<{ + (ev: 'widgetButtonClick'): void; +}>(); + const forceIconOnly = ref(window.innerWidth <= 1279); const iconOnly = computed(() => { return forceIconOnly.value || (store.r.menuDisplay.value === 'sideIcon'); @@ -560,6 +571,14 @@ function menuEdit() { backdrop-filter: var(--MI-blur, blur(8px)); } + .widget { + display: block; + position: relative; + width: 100%; + height: 52px; + text-align: center; + } + .post { display: block; position: relative; |