Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit e4b21f4

Browse files
ui(home): improve pricing tooltips
1 parent 5edf22e commit e4b21f4

File tree

2 files changed

+10
-5
lines changed

2 files changed

+10
-5
lines changed

‎apps/client/src/pages/home/Pricing/PlanCard.vue

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -95,7 +95,7 @@
9595
{{ feature.text }}
9696

9797
<q-icon
98-
v-if="feature.help != null"
98+
v-if="feature.tooltip != null"
9999
name="mdi-help-circle"
100100
size="16px"
101101
style="margin-left: 4px; margin-top: -1px; pointer-events: auto"
@@ -105,9 +105,9 @@
105105
self="bottom middle"
106106
transition-show="jump-up"
107107
transition-hide="jump-down"
108-
max-width="190px"
108+
:max-width="feature.tooltipMaxWidth"
109109
>
110-
{{ feature.help }}
110+
{{ feature.tooltip }}
111111
</q-tooltip>
112112
</q-icon>
113113
</li>
@@ -130,7 +130,8 @@ defineProps<{
130130
features: {
131131
icon: string;
132132
text: string;
133-
help?: string;
133+
tooltip?: string;
134+
tooltipMaxWidth?: string;
134135
}[];
135136
}>();
136137
</script>

‎apps/client/src/pages/home/Pricing/Pricing.vue

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -82,11 +82,15 @@
8282
{
8383
icon: 'mdi-account-group',
8484
text: 'Collaborative groups',
85+
tooltip: 'Collaborate with other subscribed members.',
86+
tooltipMaxWidth: '150px',
8587
},
8688
{
8789
icon: 'mdi-earth',
8890
text: 'Private and public groups',
89-
help: 'Public groups are viewable by anyone, but only editable by the group members.',
91+
tooltip:
92+
'Public groups are viewable by anyone with a link to one of its pages, but only editable by its members.',
93+
tooltipMaxWidth: '180px',
9094
},
9195
{
9296
icon: 'mdi-lock',

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /