[4.x] Fix copy to clipboard button position on query preview (#1373)

* [fix] fix copy to clipboard button position on query preview * [build] Compile Assets
laravel · Aug 11, 2023 · f053bb9 · f053bb9
1 parent b5def3d
commit f053bb9
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 16 deletions.
diff --git a/public/app-dark.css b/public/app-dark.css
diff --git a/public/app.css b/public/app.css
diff --git a/public/app.js b/public/app.js
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
@@ -1,5 +1,5 @@
 {
-    "/app.js": "/app.js?id=1abbba05aec248b088a0ae6e3e22d2bc",
-    "/app-dark.css": "/app-dark.css?id=a9022d8e130bf3ec3a93350be9bf858e",
-    "/app.css": "/app.css?id=b89676ee10846bfd767c6836074db724"
+    "/app.js": "/app.js?id=50544b4ff04beeca3dbadfcc6474031d",
+    "/app-dark.css": "/app-dark.css?id=b11fa9a28e9d3aeb8c92986f319b3c44",
+    "/app.css": "/app.css?id=b3ccfbe68f24cff776f83faa8dead721"
 }
diff --git a/resources/js/screens/queries/preview.vue b/resources/js/screens/queries/preview.vue
@@ -57,10 +57,11 @@
                         <a class="nav-link active">Query</a>
                     </li>
                 </ul>
-
-                <copy-clipboard :data="formatSql(slotProps.entry.content.sql)">
-                    <pre class="code-bg p-4 mb-0 text-white" ref="sqlcode">{{ formatSql(slotProps.entry.content.sql) }}</pre>
-                </copy-clipboard>
+                <div class="code-bg p-4 mb-0 text-white">
+                    <copy-clipboard :data="formatSql(slotProps.entry.content.sql)">
+                      <pre class="code-bg text-white" ref="sqlcode">{{ formatSql(slotProps.entry.content.sql) }}</pre>
+                    </copy-clipboard>
+                </div>
             </div>
         </div>
     </preview-screen>