@按钮加tooltip

This commit is contained in:
北枳 2025-10-22 20:05:36 +08:00
parent bb489b107b
commit 5eed018991

View File

@ -26,6 +26,7 @@ import { StoryTemplateEntity } from '@/app/service/domain/Entities';
import { useUploadFile } from '@/app/service/domain/service'; import { useUploadFile } from '@/app/service/domain/service';
import { useAppDispatch, useAppSelector } from '@/lib/store/hooks'; import { useAppDispatch, useAppSelector } from '@/lib/store/hooks';
import { clearSelection } from '@/lib/store/creationTemplateSlice'; import { clearSelection } from '@/lib/store/creationTemplateSlice';
import { Tooltip } from "antd";
export default function VideoCreationForm() { export default function VideoCreationForm() {
const [photos, setPhotos] = useState<PhotoItem[]>([]); const [photos, setPhotos] = useState<PhotoItem[]>([]);
@ -566,12 +567,14 @@ export default function VideoCreationForm() {
</div> </div>
} }
> >
<Tooltip placement="top" title="Inspiration Lab">
<button <button
data-alt="mention-button" data-alt="mention-button"
className={`w-8 h-8 rounded-full border border-white/20 bg-transparent hover:bg-white/5 hover:border-cyan-400/60 transition-all duration-200 flex items-center justify-center text-gray-300 hover:text-cyan-400 ${isTemplateSelected ? 'text-yellow-500' : ''}`} className={`w-8 h-8 rounded-full border border-white/20 bg-transparent hover:bg-white/5 hover:border-cyan-400/60 transition-all duration-200 flex items-center justify-center text-gray-300 hover:text-cyan-400 ${isTemplateSelected ? 'text-yellow-500' : ''}`}
> >
<span className="text-base font-bold">@</span> <span className="text-base font-bold">@</span>
</button> </button>
</Tooltip>
</Popover> </Popover>
{/* Configuration - Desktop: Full Panel, Mobile: Setting Icon */} {/* Configuration - Desktop: Full Panel, Mobile: Setting Icon */}