add styles for detail page module

Awakich · Awakich · commit 46fa2e7950a9 · 2025-09-24T19:00:39.000+03:00
diff --git a/projects/social_platform/src/app/office/features/detail/detail.component.scss b/projects/social_platform/src/app/office/features/detail/detail.component.scss
@@ -35,9 +35,8 @@ $detail-bar-mb: 12px;
 
   &__cover {
     position: relative;
-    border-radius: 15px 15px 0 0;
-
     height: 136px;
+    border-radius: 15px 15px 0 0;
 
     &--program {
       height: 155px;
@@ -79,7 +78,6 @@ $detail-bar-mb: 12px;
     }
 
     @include responsive.apply-desktop {
-
       transform: translate(-50%, 50%);
     }
   }
@@ -113,8 +111,8 @@ $detail-bar-mb: 12px;
     display: grid;
     grid-template-columns: 2fr 2fr 2fr 2fr 2fr;
     gap: 20px;
-    padding: 24px 0 30px;
     align-items: center;
+    padding: 24px 0 30px;
   }
 
   &__presentation {
@@ -268,4 +266,3 @@ $detail-bar-mb: 12px;
     align-items: center;
   }
 }
-

Original file line number	Diff line number	Diff line change
`@@ -35,9 +35,8 @@ $detail-bar-mb: 12px;`
`35`	`35`
`36`	`36`	`&__cover {`
`37`	`37`	`position: relative;`
`38`		`- border-radius: 15px 15px 0 0;`
`39`		`-`
`40`	`38`	`height: 136px;`
	`39`	`+ border-radius: 15px 15px 0 0;`
`41`	`40`
`42`	`41`	`&--program {`
`43`	`42`	`height: 155px;`
`@@ -79,7 +78,6 @@ $detail-bar-mb: 12px;`
`79`	`78`	`}`
`80`	`79`
`81`	`80`	`@include responsive.apply-desktop {`
`82`		`-`
`83`	`81`	`transform: translate(-50%, 50%);`
`84`	`82`	`}`
`85`	`83`	`}`
`@@ -113,8 +111,8 @@ $detail-bar-mb: 12px;`
`113`	`111`	`display: grid;`
`114`	`112`	`grid-template-columns: 2fr 2fr 2fr 2fr 2fr;`
`115`	`113`	`gap: 20px;`
`116`		`- padding: 24px 0 30px;`
`117`	`114`	`align-items: center;`
	`115`	`+ padding: 24px 0 30px;`
`118`	`116`	`}`
`119`	`117`
`120`	`118`	`&__presentation {`
`@@ -268,4 +266,3 @@ $detail-bar-mb: 12px;`
`268`	`266`	`align-items: center;`
`269`	`267`	`}`
`270`	`268`	`}`
`271`		`-`