mirror of
https://github.com/lukevella/rallly.git
synced 2025-07-27 05:07:50 +02:00
Show full list of participants on mobile view (#193)
This commit is contained in:
parent
53fa823857
commit
4ce5a1990e
23 changed files with 340 additions and 209 deletions
|
@ -2,7 +2,6 @@ import { format } from "date-fns";
|
|||
import { useTranslation } from "next-i18next";
|
||||
import * as React from "react";
|
||||
|
||||
import DateCard from "../date-card";
|
||||
import { ScoreSummary } from "../poll/score-summary";
|
||||
import UserAvatar from "../poll/user-avatar";
|
||||
import VoteIcon from "../poll/vote-icon";
|
||||
|
@ -64,13 +63,19 @@ const PollDemo: React.VoidFunctionComponent = () => {
|
|||
className="shrink-0 space-y-3 py-2 pt-3 text-center transition-colors"
|
||||
style={{ width: 100 }}
|
||||
>
|
||||
<DateCard
|
||||
day={format(d, "dd")}
|
||||
dow={format(d, "E")}
|
||||
month={format(d, "MMM")}
|
||||
/>
|
||||
<div>
|
||||
<ScoreSummary yesScore={score} compact={true} />
|
||||
<div className="font-semibold leading-9">
|
||||
<div className="text-sm uppercase text-slate-400">
|
||||
{format(d, "E")}
|
||||
</div>
|
||||
<div className="text-2xl">{format(d, "dd")}</div>
|
||||
<div className="text-xs font-medium uppercase text-slate-400/75">
|
||||
{format(d, "MMM")}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ScoreSummary yesScore={score} />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue