fix(changes): Fix changes blank slate style (#1267)

prismicio · Jan 18, 2024 · 869740b · 869740b
1 parent 942f15f
commit 869740b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/packages/slice-machine/components/ChangesEmptyState/AuthErrorPage.tsx b/packages/slice-machine/components/ChangesEmptyState/AuthErrorPage.tsx
@@ -22,21 +22,23 @@ export const AuthErrorPage: FC<AuthErrorPageProps> = (props) => {
     >
       {authStatus === AuthStatus.FORBIDDEN ? (
         <>
-          <Text variant="h3">It seems like you are logged out</Text>
-          <Text>Log in to connect to your repository.</Text>
+          <Text variant="h3" align="center">
+            It seems like you are logged out
+          </Text>
+          <Text align="center">Log in to connect to your repository.</Text>
         </>
       ) : (
         <>
-          <Text variant="h3">
+          <Text variant="h3" align="center">
             It seems like you don't have access to this repository
           </Text>
-          <Text>
+          <Text align="center">
             Check that the repository name is correct, then contact your
             repository administrator.
           </Text>
         </>
       )}
-      <Text>
+      <Text align="center">
         If that doesn't work, it's possible that Slice Machine is having trouble
         accessing Prismic's servers.{" "}
         <TextLink href="https://community.prismic.io/">

diff --git a/packages/slice-machine/components/ChangesEmptyState/OfflinePage.tsx b/packages/slice-machine/components/ChangesEmptyState/OfflinePage.tsx
@@ -20,11 +20,14 @@ export const OfflinePage = () => {
             lineHeight: "32px",
             mb: "8px",
             mt: "2px",
+            textAlign: "center",
           }}
         >
           No internet connection
         </Text>
-        <Text sx={{ fontSize: "13px", lineHeight: "24px" }}>
+        <Text
+          sx={{ fontSize: "13px", lineHeight: "24px", textAlign: "center" }}
+        >
           You need a stable internet connection to review and push changes
         </Text>
       </Flex>