From 760f14920f5c02d1d88a43671795bef06afafa02 Mon Sep 17 00:00:00 2001
From: Arash <38922203+arashsheyda@users.noreply.github.com>
Date: Tue, 25 Jun 2024 10:02:05 -0400
Subject: [PATCH] fix: OpenGraph layout (#685)

---
 .../devtools/client/components/social/SocialPreviewGroup.vue    | 2 +-
 packages/devtools/client/pages/modules/open-graph.vue           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/devtools/client/components/social/SocialPreviewGroup.vue b/packages/devtools/client/components/social/SocialPreviewGroup.vue
index be7d01a24..5865b5068 100644
--- a/packages/devtools/client/components/social/SocialPreviewGroup.vue
+++ b/packages/devtools/client/components/social/SocialPreviewGroup.vue
@@ -24,7 +24,7 @@ const card = computed(() => getSocialPreviewCard(props.tags, {
 </script>
 
 <template>
-  <div flex="~ col">
+  <div flex="~ col" w-full>
     <div flex="~ wrap" w-full flex-none>
       <template v-for="name, idx of types" :key="idx">
         <button
diff --git a/packages/devtools/client/pages/modules/open-graph.vue b/packages/devtools/client/pages/modules/open-graph.vue
index 1e945dd62..47c94e5a4 100644
--- a/packages/devtools/client/pages/modules/open-graph.vue
+++ b/packages/devtools/client/pages/modules/open-graph.vue
@@ -93,7 +93,7 @@ until(router).toBeTruthy().then((v) => {
 </script>
 
 <template>
-  <div flex="~ col lg:row" h-full w-full of-hidden>
+  <div grid="~ lg:cols-2" h-full w-full of-hidden>
     <div flex-auto of-auto>
       <NNavbar>
         <template #search>