fix: OpenGraph layout (#685)

Author: arashsheyda

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

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>