Style: Size trimmed

42Where · Dec 13, 2024 · a132eed · a132eed
1 parent ead815b
commit a132eed
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 8 deletions.
diff --git a/src/components/buttons/GroupSettingBtn.tsx b/src/components/buttons/GroupSettingBtn.tsx
@@ -12,7 +12,10 @@ export default function GroupSettingBtn({
 }) {
   return (
     !groups.find((group) => group.groupId === curGroup.groupId)?.isInEdit && (
-      <DropdownMenuTrigger className="absolute right-[50px] top-[12px] flex size-6 items-center justify-center rounded-lg hover:bg-gray-200 md:right-[64px] md:top-[16px] md:size-10">
+      <DropdownMenuTrigger
+        className="absolute right-[50px] top-[10px] flex size-7 items-center justify-center rounded-lg
+      p-1 hover:bg-gray-200 md:right-[64px] md:top-[16px] md:size-10"
+      >
         <TooltipProvider>
           <Tooltip>
             <TooltipTrigger>

diff --git a/src/components/buttons/SetCheckBtn.tsx b/src/components/buttons/SetCheckBtn.tsx
@@ -16,15 +16,15 @@ export default function SetCheckBtn() {
 
   return (
     <Button
-      className="text-l h-8 w-40 gap-1 rounded-full
-     border-2 border-darkblue bg-white
-     p-2 text-darkblue hover:bg-gray-200  lg:h-10 lg:w-52 lg:gap-2 lg:p-4 lg:text-xl"
+      className="h-6 gap-1 rounded-full border-2 border-darkblue bg-white
+     p-2 text-xs text-darkblue
+     hover:bg-gray-200 md:h-8 lg:h-10 lg:w-52 lg:gap-2 lg:p-4 lg:text-xl"
       onClick={() => {
         setChecked(!checked);
         localStorage.setItem('checked', JSON.stringify(!checked));
       }}
     >
-      <Checkbox checked={checked} className="size-4 border-2" size={12} />
+      <Checkbox checked={checked} className="size-3 md:size-4 md:border-2" size={12} />
       출근한 친구만 보기
     </Button>
   );

diff --git a/src/components/group/GroupCardContainer.tsx b/src/components/group/GroupCardContainer.tsx
@@ -24,7 +24,7 @@ export default function GroupCardContainer({ curGroup }: { curGroup: Group }) {
       </div>
       {(curGroup.members.length === 0 ||
         (checked && !curGroup.members.filter((member) => member.inCluster).length)) && (
-        <p className="text-center text-xl">아무도 없어요.. 😢</p>
+        <p className="p-6 text-center md:text-xl">아무도 없어요.. 😢</p>
       )}
     </>
   );

diff --git a/src/components/modals/NewGroupModal.tsx b/src/components/modals/NewGroupModal.tsx
@@ -165,8 +165,8 @@ export default function NewGroupModal() {
     <Dialog onOpenChange={(open) => openHandler(open)}>
       <DialogTrigger>
         <Button
-          className="text-l w-30 lg:w-30 h-8 gap-2 rounded-full
-          border-2 border-darkblue bg-white  px-3 py-1 text-darkblue hover:bg-gray-200 lg:h-10 lg:text-xl"
+          className="h-6 gap-2 rounded-full border-2 border-darkblue
+          bg-white px-3 py-1  text-xs text-darkblue hover:bg-gray-200 md:h-8 lg:h-10 lg:text-xl"
         >
           <Image src="/image/newGroup.svg" alt="newGroup" width={20} height={20} />새 그룹
         </Button>