fix(entity-empty-state): mobile style (#1867)

Fix mobile state styles.
Kong · Dec 19, 2024 · 9b2f6f4 · 9b2f6f4
1 parent ab44904
commit 9b2f6f4
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/entities/entities-shared/src/components/entity-empty-state/EntityEmptyState.vue b/packages/entities/entities-shared/src/components/entity-empty-state/EntityEmptyState.vue
@@ -171,9 +171,13 @@ onBeforeMount(async () => {
   flex-direction: column;
   font-family: $kui-font-family-text;
   gap: $kui-space-90;
-  padding: $kui-space-130 $kui-space-150;
+  padding: $kui-space-130 $kui-space-0;
   width: 100%;
 
+  @media (min-width: $kui-breakpoint-mobile) {
+    padding: $kui-space-130 $kui-space-150;
+  }
+
   .empty-state-image {
     margin-bottom: $kui-space-40;
   }