changed contents width

Author: cateiru

Diff for: components/about/AboutPage.tsx

@@ -15,7 +15,7 @@ const AboutPage: React.FC<{contents: string}> = ({contents}) => {
   return (
     <InfoText title="HelloSlideについて">
       <Center>
-        <Box width={{base: '700px', sm: '80%', md: '700px'}}>
+        <Box width={{base: '80%', sm: '80%', md: '700px'}}>
           <Markdown text={contents} />
         </Box>
       </Center>

Diff for: components/changelog/ChangelogPage.tsx

@@ -18,7 +18,7 @@ const ChangelogPage: React.FC<{logData: ChangelogData[]}> = ({logData}) => {
         return (
           <Center key={value.version}>
             <Box
-              width={{base: '700px', sm: '80%', md: '700px'}}
+              width={{base: '80%', sm: '80%', md: '700px'}}
               margin="1rem 0 1rem 0"
             >
               <Flex>

Diff for: components/privacyPolicy/PrivacyPage.tsx

@@ -14,7 +14,7 @@ const PrivacyPage: React.FC<{contents: string}> = ({contents}) => {
   return (
     <InfoText title="プライバシーポリシー">
       <Center>
-        <Box width={{base: '700px', sm: '80%', md: '700px'}}>
+        <Box width={{base: '80%', sm: '80%', md: '700px'}}>
           <Markdown text={contents} />
         </Box>
       </Center>

Diff for: components/question/QuestionPage.tsx

@@ -15,7 +15,7 @@ const QuestionPage: React.FC<{contents: string}> = ({contents}) => {
   return (
     <InfoText title="よくある質問">
       <Center>
-        <Box width={{base: '700px', sm: '80%', md: '700px'}}>
+        <Box width={{base: '80%', sm: '80%', md: '700px'}}>
           <Markdown text={contents} />
         </Box>
       </Center>

Diff for: components/terms/TermsPage.tsx

@@ -15,7 +15,7 @@ const TermsPage: React.FC<{contents: string}> = ({contents}) => {
   return (
     <InfoText title="利用規約">
       <Center>
-        <Box width={{base: '700px', sm: '80%', md: '700px'}}>
+        <Box width={{base: '80%', sm: '80%', md: '700px'}}>
           <Markdown text={contents} />
         </Box>
       </Center>

Diff for: components/usage/UsagePage.tsx

@@ -15,7 +15,7 @@ const UsagePage: React.FC<{contents: string}> = ({contents}) => {
   return (
     <InfoText title="使い方">
       <Center>
-        <Box width={{base: '700px', sm: '80%', md: '700px'}}>
+        <Box width={{base: '80%', sm: '80%', md: '700px'}}>
           <Markdown text={contents} />
         </Box>
       </Center>