feat(player): PC 侧栏布局、顶栏与页内间距优化
Some checks failed
lotteryfront CI / build (push) Has been cancelled

- 桌面端侧栏 + 全局顶栏(Logo 在侧栏顶、激活态对齐后台红底白字)
- 移除各页重复页内顶栏,统一主区与卡片顶部留白
- 视口遮罩/弹层约束到主内容区,移动端保留底栏与顶栏 Logo
This commit is contained in:
2026-06-26 18:02:19 +08:00
parent e5622c58cb
commit 7d03ffa30b
24 changed files with 394 additions and 181 deletions

View File

@@ -117,7 +117,8 @@ export function DrawResultsListScreen() {
<p className="mb-2 text-xs font-bold text-[#32518d]">
{t("results.businessDate")}
</p>
<div className="flex gap-2">
<div className="flex min-w-0 gap-2">
<div className="min-w-0 flex-1">
<Popover open={datePickerOpen} onOpenChange={setDatePickerOpen}>
<PopoverTrigger
render={
@@ -186,6 +187,7 @@ export function DrawResultsListScreen() {
/>
</PopoverContent>
</Popover>
</div>
{date ? (
<Button
type="button"
@@ -201,7 +203,7 @@ export function DrawResultsListScreen() {
<Button
type="button"
size="sm"
className="h-10 rounded-lg bg-[#07459f] px-4 text-white hover:bg-[#063b88]"
className="h-10 shrink-0 rounded-lg bg-[#07459f] px-4 text-white hover:bg-[#063b88]"
onClick={() => void fetchList(1, false)}
>
{t("actions.apply")}