fixed styling in 2 components and fixed responsivness in them, fixed some sizin and button positioning.

Author: BapBap7

src/app/common/components/ArtGallery/ArtGalleryBlock.styles.scss

@@ -4,14 +4,25 @@
 @use "@sass/mixins/_utils.mixins.scss" as mut;
 @use "@sass/mixins/_wrapper.mixins.scss" as wr;
 @use "@sass/mixins/_vendor.mixins.scss" as vnd;
+@use "@features/SlickSlider/SlickSlider.styles.scss" as ss;
 
 .artGalleryContainer .blockHeadingWrapper{
     margin-bottom: pxToRem(10px);
 }
 
+.artGalleryContainer {
+    .slick-next:before  {
+        @include ss.slick-arrow-pseudo(Right, -23px)
+    }
+
+    .slick-prev:before {
+        @include ss.slick-arrow-pseudo(Left, 0px)
+    }
+}
+
+
 .artGallerySliderContainer .sliderClass .slick-slider {
     width: 100%;
-
     .slick-dots {
         padding: 0 pxToRem(16px);
         bottom: pxToRem(-40px);
@@ -43,6 +54,7 @@
                     width: pxToRem(1045.5px);
                 }
             }
+
         }
     }
 }

src/app/common/components/ArtGallery/components/OneAndTwoAndThreeAndFour/OneAndTwoAndThreeAndFourSlide.styles.scss

@@ -11,6 +11,14 @@
             "img1 img3"
             "img2 img4";
 
+  @media screen and (max-width: 1024px) {
+    grid-template-columns: repeat(2, minmax(auto, pxToRem(s.$art-gallery-img-size) - 1rem));
+  }
+
+  @media screen and (max-width: 768px) {
+    grid-template-columns: repeat(2, pxToRem(s.$art-gallery-img-size-mobile + 52px));
+  }
+
   @media screen and (max-width: 680px) {
     grid-template-columns: repeat(2, pxToRem(s.$art-gallery-img-size-mobile));
     width: pxToRem(s.$art-gallery-img-size-mobile * 2 + s.$art-gallery-gap-mobile);

src/app/common/components/ArtGallery/components/OneAndTwoAndThreeToFour/OneAndTwoAndThreeToFourSlide.styles.scss

@@ -10,6 +10,14 @@
   grid-template-areas:
             "img1 img3"
             "img2 img3";
+
+  @media screen and (max-width: 1024px) {
+    grid-template-columns: repeat(2, minmax(auto, pxToRem(s.$art-gallery-img-size) - 1rem));
+  }
+
+  @media screen and (max-width: 768px) {
+    grid-template-columns: repeat(2, pxToRem(s.$art-gallery-img-size-mobile + 52px));
+  }
 
   @media screen and (max-width: 680px) {
     grid-template-columns: repeat(2, pxToRem(s.$art-gallery-img-size-mobile));

src/app/common/components/ArtGallery/components/OneToFourSlide/OneToFourSlide.styles.scss

@@ -6,7 +6,7 @@
     @include mut.flex-center();
 
     .droppable, .baseArtSlideImageWrapper{
-        width: pxToRem(s.$art-gallery-img-size * 2.6);
+        width: pxToRem(s.$art-gallery-img-size * 2.12);
         @media screen and (max-width: 768px){
             width: pxToRem(s.$art-gallery-img-size-mobile * 2.6);
         }

src/app/common/components/ArtGallery/components/OneToTwoAndThreeToFourAndFiveToSixSlide/OneToTwoAndThreeToFourAndFiveToSixSlide.styles.scss

@@ -11,6 +11,8 @@
             width: pxToRem(s.$art-gallery-img-size-mobile * 1.2);
         }
     }
+
+
     @media screen and (max-width: 680px){
         width: pxToRem(s.$art-gallery-img-size-mobile * 3 + s.$art-gallery-gap-mobile * 2);
     }

src/app/common/constants/api-routes.constants.ts

@@ -201,9 +201,9 @@ export const API_ROUTES = {
         DELETE: 'coordinate/delete',
     },
     USERS: {
-        LOGIN: 'user/login',
-        REFRESH_TOKEN: 'user/refreshToken',
-        REGISTER: 'user/register',
+        LOGIN: 'auth/login',
+        REFRESH_TOKEN: 'auth/refreshToken',
+        REGISTER: 'auth/register',
     },
     EMAIL: {
         SEND: 'email/send',

src/assets/sass/mixins/_utils.mixins.scss

@@ -308,7 +308,7 @@
   justify-content: center;
   align-content: center;
   grid-template-columns: repeat($cols, 1fr);
-  grid-template-rows: repeat($rows, minmax(auto, 253px));
+  grid-template-rows: repeat($rows, minmax(11rem, 253px));
 }
 
 @mixin list-styles($type) {