this repo has no description
atmosphereconf-vods.wisp.place/
mobile improvemtns
+24
-3
+23
-2
src/routes/tracks.$trackSlug.tsx
+23
-2
src/routes/tracks.$trackSlug.tsx
···
15
15
import { SpeakerList } from "#/components/speaker-list";
16
16
import { Tooltip } from "#/components/tooltip";
17
17
import { uiColor, warningColor } from "../components/theme/color.stylex";
18
+
import { breakpoints } from "../components/theme/media-queries.stylex";
18
19
import { ui } from "../components/theme/semantic-color.stylex";
19
20
import {
20
21
gap,
···
141
142
flexDirection: "column",
142
143
gap: gap["lg"],
143
144
},
145
+
sessionHeader: {
146
+
gridTemplate: {
147
+
default: `
148
+
'action'
149
+
'title'
150
+
`,
151
+
[breakpoints.sm]: `'title action'`,
152
+
},
153
+
gridTemplateColumns: {
154
+
default: "1fr",
155
+
[breakpoints.sm]: "1fr auto",
156
+
},
157
+
alignItems: "start",
158
+
},
159
+
sessionHeaderAction: {
160
+
justifyContent: {
161
+
default: "flex-start",
162
+
[breakpoints.sm]: "flex-end",
163
+
},
164
+
},
144
165
});
145
166
146
167
function TrackRouteComponent() {
···
218
239
search={{ autoplay: false }}
219
240
style={styles.sessionCard}
220
241
>
221
-
<CardHeader>
242
+
<CardHeader style={styles.sessionHeader}>
222
243
<CardTitle>{session.title}</CardTitle>
223
-
<CardHeaderAction>
244
+
<CardHeaderAction style={styles.sessionHeaderAction}>
224
245
<div {...stylex.props(styles.headerMeta)}>
225
246
{!session.recordUri ? (
226
247
<Tooltip text="This session appears in the schedule, but no recording is available.">