fix : mobile ui changed

sungnam-team-b · Sep 28, 2022 · 6f8b4c0 · 6f8b4c0
1 parent b420ccd
commit 6f8b4c0
Show file tree

Hide file tree

Showing 9 changed files with 268 additions and 35 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/Backbutton.tsx b/src/components/Backbutton.tsx
@@ -8,7 +8,7 @@ function Backbutton() {
 
   return (
     <button
-      className="mt-28 md:mt-24 bg-green-500 p-4 md:pl-12 md:pr-12 rounded-3xl z-50 w-[7rem] md:w-[10rem] h-[3rem]"
+      className="mt-[8rem] md:mt-24 bg-green-500 p-4 md:pl-12 md:pr-12 rounded-3xl z-50 w-[8rem] h-[1rem] text-[0.7rem] md:w-[10rem] md:h-[3rem] align-middle  "
       onClick={() => navigate("/Mainpage")}
     >
       돌아가기

diff --git a/src/components/Backbutton2.tsx b/src/components/Backbutton2.tsx
@@ -8,7 +8,7 @@ function Backbutton() {
 
   return (
     <button
-      className="mt-14 bg-green-500 p-4 pl-12 pr-12 rounded-3xl z-50 w-[10rem] h-[3rem]"
+      className="mt-14 bg-green-500 p-4 pl-12 pr-12 rounded-3xl z-50 w-[5rem] h-[3rem] md: w-[10rem] md:h-[3rem] align-middle	"
       onClick={() => navigate(-1)}
     >
       돌아가기

diff --git a/src/components/Discriptionbutton.tsx b/src/components/Discriptionbutton.tsx
@@ -3,7 +3,7 @@ import React from "react";
 function Discriptionbutton() {
   return (
     <button className="absoulte bg-button1 w-[4rem] h-[2rem] text-xs mr-2 rounded-xl	">
-      위인 설명
+      설명보기
     </button>
   );
 }

diff --git a/src/components/Photouploadbox.tsx b/src/components/Photouploadbox.tsx
@@ -91,6 +91,7 @@ function Photouploadbox() {
         const picFormData = new FormData();
         picFormData.append("picuuid", picuuid);
         var count = 0;
+        console.log(res);
         if (task_id !== "") {
           setLoading(true);
           const getAnswer = async () => {

diff --git a/src/components/Slider.tsx b/src/components/Slider.tsx
@@ -64,11 +64,11 @@ function Slider() {
   const greatslider = greats.map(great => (
     <SwiperSlide>
       <div
-        className="absolute w-[32rem] h-[32rem] -bottom-0 md:-bottom-4 bg-cover grid place-items-center"
+        className="absolute w-[20rem] h-[20rem] -bottom-0 md:w-[32rem] md:h-[32rem] md:-bottom-4 bg-cover grid place-items-center mb-[4rem] md:mb-[0rem]"
         style={{ background: `url(${result})`, backgroundSize: "100%" }}
         onClick={() => navigate("/Detailpage", { state: great })}
       >
-        <div className="absolute w-[13rem] h-[17rem] z-40 bg-cover">
+        <div className="absolute w-[10rem] h-[14rem] md:w-[13rem] md:h-[17rem] z-40 bg-cover">
           <img src={great.great_url} alt="" />
         </div>
 
@@ -96,7 +96,7 @@ function Slider() {
         }}
         navigation={true}
         modules={[Pagination, Navigation]}
-        className="mySwiper z-50"
+        className="mySwiper z-50 "
       >
         {greatslider}
       </Swiper>