add sytyles

Awakich · Awakich · commit ae3e9bf0244c · 2025-04-02T00:57:53.000+03:00
diff --git a/projects/social_platform/src/app/office/shared/carousel/carousel.component.scss b/projects/social_platform/src/app/office/shared/carousel/carousel.component.scss
@@ -43,18 +43,19 @@
     z-index: 1;
     padding: 5px;
     cursor: pointer;
-    background-color: rgb(66 66 66 / 30%);
+    background-color: rgba(30, 30, 30, 0.5);
     border: none;
     border-radius: 100%;
-    transform: translateY(-50%) rotate(180deg);
   }
 
   &__btn--prev {
     left: 10px;
+    transform: translateY(-50%) rotate(180deg);
   }
 
   &__btn--next {
     right: 10px;
+    transform: translateY(-50%) rotate(0deg);
   }
 
   &__img-like {

Original file line number	Diff line number	Diff line change
`@@ -43,18 +43,19 @@`
`43`	`43`	`z-index: 1;`
`44`	`44`	`padding: 5px;`
`45`	`45`	`cursor: pointer;`
`46`		`- background-color: rgb(66 66 66 / 30%);`
	`46`	`+ background-color: rgba(30, 30, 30, 0.5);`
`47`	`47`	`border: none;`
`48`	`48`	`border-radius: 100%;`
`49`		`- transform: translateY(-50%) rotate(180deg);`
`50`	`49`	`}`
`51`	`50`
`52`	`51`	`&__btn--prev {`
`53`	`52`	`left: 10px;`
	`53`	`+ transform: translateY(-50%) rotate(180deg);`
`54`	`54`	`}`
`55`	`55`
`56`	`56`	`&__btn--next {`
`57`	`57`	`right: 10px;`
	`58`	`+ transform: translateY(-50%) rotate(0deg);`
`58`	`59`	`}`
`59`	`60`
`60`	`61`	`&__img-like {`