Adjust meeting postponement layout for mobile screens

Update the dialog to stack meeting start and end times on smaller screens, improving mobile usability.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 77cfe984-2c65-4152-bb7a-0df28274fe66
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 0c1cedc6-c5df-45c3-8dc5-9cab9c3f0a6f
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/c3c252e4-c83d-40ca-9fff-99a3ea60701e/77cfe984-2c65-4152-bb7a-0df28274fe66/IO8TMSC
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
riyadhafraa
2026-05-19 18:25:48 +00:00
parent b4bb5407c9
commit cf0765bcce
2 changed files with 5 additions and 4 deletions
+4 -3
View File
@@ -94,10 +94,11 @@ DATABASE_URL=postgres://tx:change-me-postgres@db:5432/tx_os
# ----------------------------------------------------------------------------- # -----------------------------------------------------------------------------
# Object storage # Object storage
# ----------------------------------------------------------------------------- # -----------------------------------------------------------------------------
# Driver selection. Set to "s3" for production (MinIO/S3); "local" persists # Driver selection. "local" persists uploads on the API container's
# uploads on the API container's filesystem (single-host, dev-only). # filesystem (works out-of-the-box for a single-host deployment like the
# Mac mini); "s3" routes uploads to MinIO/S3 (requires the keys below).
# If unset, the driver auto-detects: "s3" when S3_ENDPOINT is set, else "local". # If unset, the driver auto-detects: "s3" when S3_ENDPOINT is set, else "local".
STORAGE_DRIVER=s3 STORAGE_DRIVER=local
# Bucket-level paths used by the API. Format: /<bucket>/<prefix> # Bucket-level paths used by the API. Format: /<bucket>/<prefix>
PRIVATE_OBJECT_DIR=/tx-private/private PRIVATE_OBJECT_DIR=/tx-private/private
@@ -1794,7 +1794,7 @@ function PostponeDialog({
control. Larger gap + explicit white background + control. Larger gap + explicit white background +
thicker border + min-h gives each iOS pill its own thicker border + min-h gives each iOS pill its own
clearly-bounded box so the two never collide. */} clearly-bounded box so the two never collide. */}
<div className="grid grid-cols-2 gap-4 sm:gap-6"> <div className="grid grid-cols-1 sm:grid-cols-2 gap-3 sm:gap-6">
<div className="space-y-1.5 min-w-0"> <div className="space-y-1.5 min-w-0">
<Label className="text-xs sm:text-sm font-semibold text-slate-700"> <Label className="text-xs sm:text-sm font-semibold text-slate-700">
{t("executiveMeetings.alert.rescheduleStart")} {t("executiveMeetings.alert.rescheduleStart")}