shared-ritm 1.2.26 → 1.2.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<q-toolbar :class="$style.toolbar">
|
|
4
4
|
<h1>{{ pageTitle }}</h1>
|
|
5
5
|
<div :class="$style['action-buttons']">
|
|
6
|
-
<div :class="$style['person']">
|
|
6
|
+
<div :class="$style['person']" @click="clickProfile">
|
|
7
7
|
<app-icon name="person-icon" />
|
|
8
8
|
<div :class="$style['person__info']">
|
|
9
9
|
<p style="font-weight: 700; font-size: 14px">{{ shortName }}</p>
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
</q-btn>
|
|
17
17
|
<q-separator color="white" vertical size="1px" />
|
|
18
18
|
<q-btn
|
|
19
|
+
ref="refMenuSettings"
|
|
19
20
|
flat
|
|
20
21
|
padding="sm"
|
|
21
22
|
:ripple="false"
|
|
@@ -23,7 +24,7 @@
|
|
|
23
24
|
@click="openSettingsMenu"
|
|
24
25
|
>
|
|
25
26
|
<app-icon size="28px" name="setting-icon" />
|
|
26
|
-
<q-menu
|
|
27
|
+
<q-menu max-height="160px" :offset="[-18, 4]" :class="$style['settings-menu']">
|
|
27
28
|
<q-list v-for="item in settingsMenuItems" :key="item.name" :class="$style['settings-menu__list']">
|
|
28
29
|
<q-item
|
|
29
30
|
v-show="item.isShow"
|
|
@@ -56,7 +57,7 @@ interface Props {
|
|
|
56
57
|
settingsMenuItems?: { label: string; name: string; isShow: boolean }[]
|
|
57
58
|
}
|
|
58
59
|
|
|
59
|
-
const emits = defineEmits(['clickSettingsMenuItem', 'clickNotification'])
|
|
60
|
+
const emits = defineEmits(['clickSettingsMenuItem', 'clickNotification', 'clickProfile'])
|
|
60
61
|
|
|
61
62
|
const props = withDefaults(defineProps<Props>(), {
|
|
62
63
|
pageTitle: '',
|
|
@@ -85,6 +86,7 @@ const openSettingsMenu = () => {
|
|
|
85
86
|
return (isSettingsOpened.value = !isSettingsOpened.value)
|
|
86
87
|
}
|
|
87
88
|
|
|
89
|
+
const clickProfile = () => emits('clickProfile')
|
|
88
90
|
const clickSettingsMenuItem = (item: any) => emits('clickSettingsMenuItem', item.name)
|
|
89
91
|
const clickNotification = () => emits('clickNotification')
|
|
90
92
|
|
|
@@ -143,7 +145,7 @@ onClickOutside(refMenuSettings, () => (isSettingsOpened.value = false))
|
|
|
143
145
|
display: flex;
|
|
144
146
|
align-items: center;
|
|
145
147
|
gap: 6px;
|
|
146
|
-
padding: 20px
|
|
148
|
+
padding: 20px 12px;
|
|
147
149
|
height: 44px;
|
|
148
150
|
border-radius: 10px;
|
|
149
151
|
cursor: pointer;
|