[fix] 화장실 추가 모달이 잘려서 나오던 현상 수정

src/frontend/odongdong/src/app/components/bathroom-detail/bathroom-detail.component.html

@@ -8,7 +8,7 @@
             <p class="title__name">{{ bathroomName }}</p>
             <div class="title__rate">
                 <app-rating-component
-                    [readonly]="editedRate > 0 ? true : false"
+                    [readonly]="true"
                     starSize="0.875rem"
                     rating="{{ rate }}"
                 ></app-rating-component>

src/frontend/odongdong/src/app/tabs/main-tab/main.page.scss

@@ -103,7 +103,3 @@
     background: var(--bg_white);
     border-radius: 12px;
 }
-
-.add-bathroom-compo {
-    width: 100%;
-}

src/frontend/odongdong/src/app/tabs/main-tab/main.page.ts

@@ -506,7 +506,7 @@ export class MainPage implements OnInit {
 
         const modal = await this.modalController.create({
             component: AddBathroomComponent,
-            cssClass: 'add-bathroom-compo',
+            cssClass: 'add-bathroom-modal',
             componentProps: {
                 lat,
                 lng,

src/frontend/odongdong/src/app/tabs/profile-tab/profile.page.html

@@ -23,7 +23,7 @@
     </div>
 
     <ion-list lines="none">
-        <ion-item (click)="goToRegisterList()">
+        <ion-item class="pointer" (click)="goToRegisterList()">
             <div id="achievement">
                 <ion-label>총 {{registeredCount || ' ? '}}개 화장실</ion-label>
                 <ion-label>등록한 화장실의 수</ion-label>

src/frontend/odongdong/src/app/tabs/profile-tab/profile.page.scss

@@ -1,116 +1,116 @@
 ion-toolbar {
-  --border-style: none;
+    --border-style: none;
 }
 
 ion-title {
-  color: var(--outline_gray);
-  font-weight: bold;
+    color: var(--outline_gray);
+    font-weight: bold;
 }
 
 .profile__title {
-  margin-left: 20px;
-  margin-top: 33px;
+    margin-left: 20px;
+    margin-top: 33px;
 
-  font-size: 32px;
+    font-size: 32px;
 
-  p {
-    margin: 0;
-  }
+    p {
+        margin: 0;
+    }
 
-  &--name {
-    color: var(--primary_blue);
-  }
+    &--name {
+        color: var(--primary_blue);
+    }
 }
 .profile__title p:last-child {
-  margin-top: 5px;
+    margin-top: 5px;
 
-  font-weight: bold;
-
-  span {
     font-weight: bold;
-  }
+
+    span {
+        font-weight: bold;
+    }
 }
 
 .profile-image {
-  &__container {
-    width: 100%;
-    height: fit-content;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
-
-    margin-top: 40px;
-  }
-
-  &__image {
-    width: 140px;
-    height: 140px;
-    object-fit: cover;
-
-    border: 4px solid var(--primary_blue);
-    border-radius: 50%;
-
-    padding: 2px;
-  }
-
-  &__button {
-    width: 140px;
-    height: 140px;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
-
-    border: 4px solid var(--primary_blue);
-    border-radius: 100%;
-
-    background-color: var(--primary_blue);
-    color: var(--bg_white);
-  }
+    &__container {
+        width: 100%;
+        height: fit-content;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+
+        margin-top: 40px;
+    }
+
+    &__image {
+        width: 140px;
+        height: 140px;
+        object-fit: cover;
+
+        border: 4px solid var(--primary_blue);
+        border-radius: 50%;
+
+        padding: 2px;
+    }
+
+    &__button {
+        width: 140px;
+        height: 140px;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+
+        border: 4px solid var(--primary_blue);
+        border-radius: 100%;
+
+        background-color: var(--primary_blue);
+        color: var(--bg_white);
+    }
 }
 
 ion-list {
-  margin-top: 30px;
+    margin-top: 30px;
 }
 
 ion-item {
-  cursor: pointer;
+    cursor: pointer;
 
-  div {
-    width: 100%;
-    margin: 0;
+    div {
+        width: 100%;
+        margin: 0;
 
-    padding: 18px 15px;
+        padding: 18px 15px;
 
-    border-radius: 10px;
+        border-radius: 10px;
 
-    ion-label:first-child {
-      font-weight: bold;
-      font-size: 16px;
+        ion-label:first-child {
+            font-weight: bold;
+            font-size: 16px;
 
-      margin-bottom: 3px;
-    }
-    ion-label:last-child {
-      font-size: 14px;
-      color: var(--outline_gray);
+            margin-bottom: 3px;
+        }
+        ion-label:last-child {
+            font-size: 14px;
+            color: var(--outline_gray);
+        }
     }
-  }
 
-  div:active {
-    background: var(--light_gray);
-  }
+    div:active {
+        background: var(--light_gray);
+    }
 }
 #achievement {
-  cursor: default;
-  background: var(--secondary_container_blue);
+    cursor: pointer;
+    background: var(--secondary_container_blue);
 
-  ion-label:first-child {
-    color: var(--primary_blue);
-  }
+    ion-label:first-child {
+        color: var(--primary_blue);
+    }
 }
 
 .chevron-right {
-  width: 15px;
-  height: 15px;
+    width: 15px;
+    height: 15px;
 
-  margin-right: 20px;
+    margin-right: 20px;
 }

src/frontend/odongdong/src/app/tabs/setting-tab/setting.page.html

@@ -22,13 +22,13 @@
             <p class="text">버전: {{appVersion}}</p>
         </div>
     </section>
-    <section class="list">
+    <section class="list pointer">
         <div class="list__item" (click)="onClickPolicy()">
             <img src="../../../assets/svg/settings/policy.svg" alt="policy" />
             <p class="text">약관 및 정책</p>
         </div>
     </section>
-    <section class="list">
+    <section class="list pointer">
         <div class="list__item" (click)="onClickCustomerService()">
             <img src="../../../assets/svg/settings/customer-service.svg" alt="customer-service" />
             <p class="text">문의하기</p>

src/frontend/odongdong/src/app/tabs/setting-tab/setting.page.scss

@@ -44,3 +44,7 @@ ion-toolbar {
         display: flex;
     }
 }
+
+.pointer {
+    cursor: pointer;
+}