Added clearer tooltip
This commit is contained in:
parent
33e6422f08
commit
b8bef6a711
1 changed files with 14 additions and 3 deletions
|
|
@ -1,7 +1,8 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { reactive, computed, onMounted } from 'vue'
|
import { reactive, computed, onMounted } from 'vue'
|
||||||
import { useRouter, useRoute } from 'vue-router'
|
import { useRouter, useRoute } from 'vue-router'
|
||||||
import { Card, Typography, Form, Input, Button, message } from 'ant-design-vue'
|
import { Card, Typography, Form, Input, Button, message, Tooltip } from 'ant-design-vue'
|
||||||
|
import { QuestionCircleOutlined } from '@ant-design/icons-vue'
|
||||||
import { useUserStore } from '../stores/userStore'
|
import { useUserStore } from '../stores/userStore'
|
||||||
|
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
|
@ -144,10 +145,20 @@ onMounted(async () => {
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
<Form.Item label="Manager code (optional) -> MANAGER2026" name="managerCode">
|
<Form.Item name="managerCode">
|
||||||
|
<template #label>
|
||||||
|
<span style="display: inline-flex; align-items: center; gap: 0.35rem">
|
||||||
|
Manager code (optional)
|
||||||
|
<Tooltip
|
||||||
|
title="Required only if you want manager access. Leave blank to sign up as a regular member."
|
||||||
|
>
|
||||||
|
<QuestionCircleOutlined style="color: #6b7280" />
|
||||||
|
</Tooltip>
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
<Input
|
<Input
|
||||||
v-model:value="formState.managerCode"
|
v-model:value="formState.managerCode"
|
||||||
placeholder="Enter manager code (leave blank if none)"
|
placeholder="Enter manager code for manager signup (e.g. MANAGER2026)"
|
||||||
:disabled="loading"
|
:disabled="loading"
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue