fixed spacing issue

AlpsBTE · Sep 18, 2021 · ce4b516 · ce4b516
1 parent 26b1d27
commit ce4b516
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/libs/press/src/lib/press-image/press-image.scss b/libs/press/src/lib/press-image/press-image.scss
@@ -4,11 +4,19 @@
     width: 80px;
     height: 80px;
     overflow: hidden;
-    display: flex;
+
+    border-radius: 100%;
+    object-fit: contain;
+  }
+
+  &__spacings {
     margin-right: 5vw;
     margin-left: 5vw;
     margin-top: 5vh;
-    border-radius: 100%;
-    object-fit: contain;
+    display: flex;
+  }
+
+  &__image:hover {
+    cursor: pointer;
   }
 }
diff --git a/libs/press/src/lib/press-image/press-image.tsx b/libs/press/src/lib/press-image/press-image.tsx
@@ -9,7 +9,7 @@ export interface PressImageProps {
 export function PressImage(props: PressImageProps) {
   return (
     <div className="press-image">
-      <a href={props.redirect}>
+      <a href={props.redirect} className="press-image__spacings">
         <img
           className="press-image__image"
           src={props.src}