From 6c7aa7e50ac8b7660cd1b7a18ad541518e0db007 Mon Sep 17 00:00:00 2001
From: Gasper Grom <gasper.grom@gmail.com>
Date: Sat, 11 Mar 2023 11:16:03 +0100
Subject: [PATCH 1/3] Fix drawers width

---
 .../components/list/eagle-eye-email-digest-drawer.vue       | 6 +++++-
 .../eagle-eye/components/list/eagle-eye-settings-drawer.vue | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/src/premium/eagle-eye/components/list/eagle-eye-email-digest-drawer.vue b/frontend/src/premium/eagle-eye/components/list/eagle-eye-email-digest-drawer.vue
index 686134ff9e..b31367ff40 100644
--- a/frontend/src/premium/eagle-eye/components/list/eagle-eye-email-digest-drawer.vue
+++ b/frontend/src/premium/eagle-eye/components/list/eagle-eye-email-digest-drawer.vue
@@ -1,5 +1,9 @@
 <template>
-  <app-drawer v-model="drawerModel" title="Email Digest">
+  <app-drawer
+    v-model="drawerModel"
+    title="Email Digest"
+    size="600px"
+  >
     <template #beforeTitle>
       <i
         class="ri-mail-open-line text-xl h-6 text-gray-900 flex items-center mr-3"
diff --git a/frontend/src/premium/eagle-eye/components/list/eagle-eye-settings-drawer.vue b/frontend/src/premium/eagle-eye/components/list/eagle-eye-settings-drawer.vue
index 5abe37ec5f..5ef3e9837a 100644
--- a/frontend/src/premium/eagle-eye/components/list/eagle-eye-settings-drawer.vue
+++ b/frontend/src/premium/eagle-eye/components/list/eagle-eye-settings-drawer.vue
@@ -1,5 +1,9 @@
 <template>
-  <app-drawer v-model="drawerModel" title="Feed settings">
+  <app-drawer
+    v-model="drawerModel"
+    title="Feed settings"
+    size="600px"
+  >
     <template #content>
       <div class="pt-2">
         <h5 class="text-base leading-5 font-semibold pb-6">

From 96fbf7b90c372bccaa11b88385752f0ec619a3dd Mon Sep 17 00:00:00 2001
From: Gasper Grom <gasper.grom@gmail.com>
Date: Mon, 13 Mar 2023 10:31:37 +0100
Subject: [PATCH 2/3] Fix card thumbnail width

---
 .../eagle-eye/components/list/eagle-eye-result-card.vue        | 3 ++-
 frontend/src/shared/image/image.vue                            | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/premium/eagle-eye/components/list/eagle-eye-result-card.vue b/frontend/src/premium/eagle-eye/components/list/eagle-eye-result-card.vue
index 4899230397..4d8ee64f2a 100644
--- a/frontend/src/premium/eagle-eye/components/list/eagle-eye-result-card.vue
+++ b/frontend/src/premium/eagle-eye/components/list/eagle-eye-result-card.vue
@@ -24,9 +24,10 @@
     <!-- Image -->
     <div
       v-if="result.post.thumbnail"
-      class="rounded max-h-30 w-full overflow-hidden flex mt-4"
+      class="rounded w-full overflow-hidden flex mt-4 aspect-video"
     >
       <app-image
+        class="w-full"
         :src="result.post.thumbnail"
         :alt="result.post.title"
       />
diff --git a/frontend/src/shared/image/image.vue b/frontend/src/shared/image/image.vue
index 7419ab11a4..eabf3a78c7 100644
--- a/frontend/src/shared/image/image.vue
+++ b/frontend/src/shared/image/image.vue
@@ -30,6 +30,6 @@ defineProps({
 
 <style lang="scss" scoped>
 img[lazy='loading'] {
-  @apply w-full h-24 bg-gray-200 animate-pulse;
+  @apply w-full aspect-video bg-gray-200 animate-pulse;
 }
 </style>

From aed0a1b13638cae9045799ba0678abaaefd6fb2a Mon Sep 17 00:00:00 2001
From: Gasper Grom <gasper.grom@gmail.com>
Date: Mon, 13 Mar 2023 11:22:18 +0100
Subject: [PATCH 3/3] Fix aspect ratio

---
 .../premium/eagle-eye/components/list/eagle-eye-result-card.vue | 2 +-
 frontend/src/shared/image/image.vue                             | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/premium/eagle-eye/components/list/eagle-eye-result-card.vue b/frontend/src/premium/eagle-eye/components/list/eagle-eye-result-card.vue
index 4d8ee64f2a..54185cb4f1 100644
--- a/frontend/src/premium/eagle-eye/components/list/eagle-eye-result-card.vue
+++ b/frontend/src/premium/eagle-eye/components/list/eagle-eye-result-card.vue
@@ -27,7 +27,7 @@
       class="rounded w-full overflow-hidden flex mt-4 aspect-video"
     >
       <app-image
-        class="w-full"
+        class="w-full aspect-video"
         :src="result.post.thumbnail"
         :alt="result.post.title"
       />
diff --git a/frontend/src/shared/image/image.vue b/frontend/src/shared/image/image.vue
index eabf3a78c7..4ca1f3bf5c 100644
--- a/frontend/src/shared/image/image.vue
+++ b/frontend/src/shared/image/image.vue
@@ -30,6 +30,6 @@ defineProps({
 
 <style lang="scss" scoped>
 img[lazy='loading'] {
-  @apply w-full aspect-video bg-gray-200 animate-pulse;
+  @apply w-full bg-gray-200 animate-pulse;
 }
 </style>