fix courier page text align on screens under xl (refinedev#1022)

TundeAkintola · Aug 19, 2021 · 200b67f · 200b67f
1 parent dcd343b
commit 200b67f
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/examples/fineFoods/src/pages/couriers/show.tsx b/examples/fineFoods/src/pages/couriers/show.tsx
@@ -11,6 +11,7 @@ import {
     useShow,
     Row,
     Col,
+    Grid,
     useNavigation,
     Typography,
     Rate,
@@ -20,7 +21,10 @@ import {
 
 import { ICourier, IOrder, IOrderFilterVariables } from "interfaces";
 
+const { useBreakpoint } = Grid;
+
 export const CourierShow: React.FC<IResourceComponentsProps> = () => {
+    const { xl } = useBreakpoint();
     const { queryResult: courierQueryResult } = useShow<ICourier>();
     const courier = courierQueryResult.data?.data;
 
@@ -72,8 +76,7 @@ export const CourierShow: React.FC<IResourceComponentsProps> = () => {
                             direction="vertical"
                             style={{
                                 width: "100%",
-                                fontSize: 11,
-                                marginTop: "10em",
+                                textAlign: xl ? "unset" : "center",
                             }}
                         >
                             <Typography.Text>