Added clearer tooltip

This commit is contained in:
Viswamedha Nalabotu 2026-03-15 21:52:42 +00:00
parent 33e6422f08
commit b8bef6a711

View file

@ -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>