removed rounded edges

COS301-SE-2023 · Oct 22, 2023 · 02bb073 · 02bb073
1 parent 6be51a2
commit 02bb073
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/libs/app/listing/feature/src/listing.page.html b/libs/app/listing/feature/src/listing.page.html
@@ -40,7 +40,7 @@
         </div>
         <div class="swiper-container-wrapper">
           <ion-buttons slot="start" class="swiper-button1" #one>
-            <ion-button style="height: 100px" (click)="goPrev()" #one>
+            <ion-button  *ngIf="list.photos.length>1" style="height: 100px" (click)="goPrev()" #one>
               <img src="assets/icon/arrow1.svg" #back alt="swiper-back"/>
             </ion-button>
           </ion-buttons>
@@ -58,6 +58,7 @@
           </swiper-container>
           <ion-buttons slot="end" class="swiper-button2" #two>
             <ion-button
+            *ngIf="list.photos.length>1"
               id="next-button"
               style="height: 100px"
               (click)="goNext($event)"

diff --git a/libs/app/listing/feature/src/listing.page.scss b/libs/app/listing/feature/src/listing.page.scss
@@ -4,9 +4,10 @@
   align-items: center;
 }
 
-.uploaded-image img {
-  width: 100%;
-}
+// .uploaded-image img {
+//   width: 100%;
+// }
+
 .swiper-container {
   position: relative;
   width: 80%;
@@ -112,7 +113,7 @@ swiper-slide {
 swiper-slide img {
   width: auto;
   height: 600px;
-  border-radius: 20px;
+  // border-radius: 20px;
   margin: auto;
   display: flex;
 }
@@ -383,7 +384,7 @@ ion-col {
   width: 100%;
   height: 13px;
   background-color: rgb(150, 150, 150);
-  border-radius: 5px;
+  // border-radius: 5px;
   margin-bottom: 5px;
 }
 
@@ -393,7 +394,7 @@ ion-col {
   left: 0;
   height: 100%;
   background-color: green;
-  border-radius: 5px;
+  // border-radius: 5px;
   transition: width 0.3s ease-in-out;
 }
 
@@ -407,7 +408,7 @@ ion-col {
   left: 0;
   height: 100%;
   background-color: red;
-  border-radius: 5px;
+  // border-radius: 5px;
   transition: width 0.3s ease-in-out;
 }
 
@@ -417,7 +418,7 @@ ion-col {
   left: 0;
   height: 100%;
   background-color: #ffcc00;
-  border-radius: 5px;
+  // border-radius: 5px;
   transition: width 0.3s ease-in-out;
 }