add mt to listempty

itk-dev · Jun 7, 2023 · e5d5e72 · e5d5e72
1 parent 88896b6
commit e5d5e72
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/stories/Blocks/status-userprofile/statusUserprofile.tsx b/src/stories/Blocks/status-userprofile/statusUserprofile.tsx
@@ -35,7 +35,10 @@ export const StatusUserprofile = (props: StatusUserprofileProps) => {
             </div>
           ))
         ) : (
-          <ListEmpty text="Du har i øjeblikket 0 fysiske lån" />
+          <ListEmpty
+            className="mt-16"
+            text="Du har i øjeblikket 0 fysiske lån"
+          />
         )}
       </div>
       <div className="status-userprofile__column">
@@ -57,7 +60,10 @@ export const StatusUserprofile = (props: StatusUserprofileProps) => {
             </div>
           ))
         ) : (
-          <ListEmpty text="Du har i øjebilkket 0 reserveringer" />
+          <ListEmpty
+            className="mt-16"
+            text="Du har i øjebilkket 0 reserveringer"
+          />
         )}
       </div>
     </div>

diff --git a/src/stories/Library/Lists/list-empty/ListEmpty.tsx b/src/stories/Library/Lists/list-empty/ListEmpty.tsx
@@ -3,11 +3,12 @@ import { Links, LinksProps } from "../../links/Links";
 interface ListEmptyProps {
   text: string;
   links?: LinksProps[];
+  className: string;
 }
 
-const ListEmpty = ({ text, links }: ListEmptyProps) => {
+const ListEmpty = ({ text, links, className }: ListEmptyProps) => {
   return (
-    <div className="dpl-list-empty">
+    <div className={`dpl-list-empty ${className}`}>
       {text}
       {links && (
         <div className="dpl-list-empty__links">