fix: center-align timezone and edit availability button on mobile layout (#22760)

* fix: center-align timezone andavailability button on mobile layout

* chore

* chore
This commit is contained in:
Sahitya Chandra
2025-07-30 10:17:41 +05:30
committed by GitHub
parent 1cdd8ebc53
commit c8bea5b143
@@ -259,9 +259,9 @@ const EventTypeScheduleDetails = memo(
})}
</ol>
</div>
<div className="bg-muted border-subtle flex flex-col justify-center gap-2 rounded-b-md border p-6 sm:flex-row sm:justify-between">
<div className="bg-muted border-subtle flex flex-col items-center gap-2 rounded-b-md border p-6 sm:flex-row sm:items-center sm:justify-between">
<div className="flex flex-col gap-2">
<span className="text-default flex items-center justify-center text-sm sm:justify-start">
<span className="text-default flex items-center justify-center text-center text-sm sm:justify-start">
<Icon name="globe" className="h-3.5 w-3.5 ltr:mr-2 rtl:ml-2" />
{scheduleQueryData?.timeZone || <SkeletonText className="block h-5 w-32" />}
</span>