[fix]ボタンのデザイン修正

NUTFes · Mar 22, 2024 · b2d45c3 · b2d45c3
1 parent 3694737
commit b2d45c3
Showing 1 changed file with 49 additions and 51 deletions.
diff --git a/view/next-project/src/components/sponsoractivities/DetailPage2.tsx b/view/next-project/src/components/sponsoractivities/DetailPage2.tsx
@@ -161,66 +161,64 @@ const DetailPage2: FC<ModalProps> = (props) => {
                   </button>
                 </div>
                 <div className='w-11/12'>
-                  <div className='my-1 flex flex-wrap justify-center gap-7 '>
+                  <div className='my-1 ml-4 flex flex-wrap justify-center gap-7 '>
                     <div className='flex gap-3'>
                       <p className='text-black-600'>広告の状況</p>
                       <p className='border-b border-primary-1'>
                         {designProgresses && designProgresses[index].state}
                       </p>
                     </div>
                   </div>
-                  <div className='flex flex-wrap justify-center'>
-                    {activityInformation?.fileType === 'application/pdf' &&
-                      activityInformation?.fileName && (
-                        <embed
-                          src={fileURLs && fileURLs[index]}
-                          type='application/pdf'
-                          width='200'
-                        />
-                      )}
-                    {activityInformation.fileType !== 'application/pdf' &&
-                      activityInformation.fileName && (
-                        <img
-                          src={fileURLs && fileURLs[index]}
-                          alt='Picture of the author'
-                          width='160'
-                        />
-                      )}
-                  </div>
-                  {activityInformation.fileName !== '' && (
-                    <div className='my-2 flex flex-wrap justify-center gap-2'>
-                      <OutlinePrimaryButton
-                        className='p-1'
-                        onClick={() => {
-                          setEditActivityInformationId(index);
-                          setIsOpen(true);
-                        }}
-                      >
-                        変更
-                      </OutlinePrimaryButton>
-                      <PrimaryButton
-                        onClick={() =>
-                          fileURLs && download(fileURLs[index], activityInformation.fileName || '')
-                        }
-                      >
-                        ダウンロード
-                      </PrimaryButton>
-                    </div>
+                </div>
+              </div>
+              <div className='flex flex-wrap justify-center'>
+                {activityInformation?.fileType === 'application/pdf' &&
+                  activityInformation?.fileName && (
+                    <embed src={fileURLs && fileURLs[index]} type='application/pdf' width='200' />
                   )}
-                  {activityInformation.fileName === '' && (
-                    <div className='my-2 flex flex-wrap justify-center gap-2'>
-                      <OutlinePrimaryButton
-                        className='mx-auto my-2'
-                        onClick={() => {
-                          setEditActivityInformationId(index);
-                          setIsOpen(true);
-                        }}
-                      >
-                        広告登録
-                      </OutlinePrimaryButton>
-                    </div>
+                {activityInformation.fileType !== 'application/pdf' &&
+                  activityInformation.fileName && (
+                    <img
+                      src={fileURLs && fileURLs[index]}
+                      alt='Picture of the author'
+                      width='160'
+                    />
                   )}
-                </div>
+              </div>
+              <div className='my-1 flex flex-wrap justify-center gap-7 '>
+                {activityInformation.fileName !== '' && (
+                  <div className='my-2 flex flex-wrap justify-center gap-2'>
+                    <OutlinePrimaryButton
+                      className='p-1'
+                      onClick={() => {
+                        setEditActivityInformationId(index);
+                        setIsOpen(true);
+                      }}
+                    >
+                      変更
+                    </OutlinePrimaryButton>
+                    <PrimaryButton
+                      onClick={() =>
+                        fileURLs && download(fileURLs[index], activityInformation.fileName || '')
+                      }
+                    >
+                      ダウンロード
+                    </PrimaryButton>
+                  </div>
+                )}
+                {activityInformation.fileName === '' && (
+                  <div className='my-2 flex flex-wrap justify-center gap-2'>
+                    <OutlinePrimaryButton
+                      className='mx-auto my-2'
+                      onClick={() => {
+                        setEditActivityInformationId(index);
+                        setIsOpen(true);
+                      }}
+                    >
+                      広告登録
+                    </OutlinePrimaryButton>
+                  </div>
+                )}
               </div>
             </>
           ))}