Merge pull request #1215 from appwrite/fix-image-height

fix: image heights to prevent cls

Dockerfile

@@ -32,7 +32,7 @@ RUN pnpm run sync && pnpm run build
 
 FROM nginx:1.25-alpine
 
-EXPOSE 3000
+EXPOSE 80
 
 COPY docker/nginx.conf /etc/nginx/conf.d/default.conf
 COPY --from=build /app/build /usr/share/nginx/html/console

src/lib/components/empty.svelte

@@ -32,9 +32,9 @@
                     on:click={track}
                     aria-label="create {target}">
                     {#if $app.themeInUse === 'dark'}
-                        <img src={EmptyDark} alt="create" aria-hidden="true" width="376" />
+                        <img src={EmptyDark} alt="create" aria-hidden="true" height="242" />
                     {:else}
-                        <img src={EmptyLight} alt="create" aria-hidden="true" width="376" />
+                        <img src={EmptyLight} alt="create" aria-hidden="true" height="242" />
                     {/if}
                 </button>
             {/if}

src/lib/components/emptyFilter.svelte

@@ -3,7 +3,7 @@
     import { EmptySearch } from '.';
     import { queries } from './filters';
 
-    export let resource;
+    export let resource: string;
 </script>
 
 <EmptySearch hidePages>

src/lib/components/emptySearch.svelte

@@ -11,9 +11,9 @@
 <article class="card u-grid u-cross-center u-width-full-line common-section">
     <div class="u-flex u-flex-vertical u-cross-center u-gap-24 u-overflow-hidden">
         {#if $app.themeInUse === 'dark'}
-            <img src={Dark} alt="create" aria-hidden="true" />
+            <img src={Dark} height="175" alt="create" aria-hidden="true" />
         {:else}
-            <img src={Light} alt="create" aria-hidden="true" />
+            <img src={Light} height="175" alt="create" aria-hidden="true" />
         {/if}
         <slot />
     </div>