Fix dimensions of camera button and preview
This commit is contained in:
@@ -107,8 +107,8 @@ defmodule MusicLibraryWeb.Components.BarcodeScanner do
|
|||||||
const constraints = {
|
const constraints = {
|
||||||
audio: false,
|
audio: false,
|
||||||
video: {
|
video: {
|
||||||
width: 800,
|
width: 512,
|
||||||
height: 600,
|
height: 384,
|
||||||
facingMode: {
|
facingMode: {
|
||||||
ideal: "environment",
|
ideal: "environment",
|
||||||
},
|
},
|
||||||
@@ -195,7 +195,7 @@ defmodule MusicLibraryWeb.Components.BarcodeScanner do
|
|||||||
|> JS.dispatch("camera_request", to: "#barcode-scanner")
|
|> JS.dispatch("camera_request", to: "#barcode-scanner")
|
||||||
|> JS.hide(to: "#camera-button")
|
|> JS.hide(to: "#camera-button")
|
||||||
}
|
}
|
||||||
class="relative block h-96 w-full rounded-lg border-2 border-dashed border-zinc-300 p-12 text-center outline-hidden hover:border-zinc-400"
|
class="relative block h-96 w-full md:w-[512px] rounded-lg border-2 border-dashed border-zinc-300 p-12 text-center outline-hidden hover:border-zinc-400"
|
||||||
>
|
>
|
||||||
<svg
|
<svg
|
||||||
class="mx-auto size-12 text-zinc-400"
|
class="mx-auto size-12 text-zinc-400"
|
||||||
|
|||||||
Reference in New Issue
Block a user