Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-05-17 23:01:46 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix scrolling for TIDB modal

Browse source
This commit is contained in:
Pas 2026-01-22 16:09:12 -07:00
parent 2104a4777d
commit e4316f828c
1 changed files with 167 additions and 163 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/player/TIDBSubmissionForm.tsx
View file

@ -188,7 +188,8 @@ export function TIDBSubmissionForm({
return ( return (
<Modal id={submissionModal.id}> <Modal id={submissionModal.id}>
<ModalCard className="!max-w-4xl max-h-[80vh] overflow-y-auto"> <div className="w-full max-w-[30rem] m-4 px-4">
<div className="w-full bg-modal-background rounded-xl p-8 pointer-events-auto max-h-[90vh] md:max-h-[80vh] overflow-y-auto">
<Heading3 className="!mt-0 !mb-4"> <Heading3 className="!mt-0 !mb-4">
{t("player.skipTime.feedback.modal.title")} {t("player.skipTime.feedback.modal.title")}
</Heading3> </Heading3>
@ -196,7 +197,7 @@ export function TIDBSubmissionForm({
{t("player.skipTime.feedback.modal.description")} {t("player.skipTime.feedback.modal.description")}
</Paragraph> </Paragraph>
<div className="space-y-4 mt-4"> <div className="space-y-4 mt-4 pb-4">
{/* Section: Segment timestamps */} {/* Section: Segment timestamps */}
<div> <div>
<label <label
@ -271,7 +272,9 @@ export function TIDBSubmissionForm({
</label> </label>
<AuthInputBox <AuthInputBox
value={formData.end} value={formData.end}
onChange={(value) => setFormData({ ...formData, end: value })} onChange={(value) =>
setFormData({ ...formData, end: value })
}
placeholder={t( placeholder={t(
`player.skipTime.feedback.modal.placeholders.end.${formData.segment}`, `player.skipTime.feedback.modal.placeholders.end.${formData.segment}`,
)} )}
@ -353,7 +356,8 @@ export function TIDBSubmissionForm({
</div> </div>
</form> </form>
</div> </div>
</ModalCard> </div>
</div>
</Modal> </Modal>
); );
} }