refactor: visuals
This commit is contained in:
parent
f87ccb662d
commit
7aba5d0c81
|
|
@ -26,11 +26,11 @@ export function CardPreview(props: CardPreviewProps) {
|
|||
let cardRef: HTMLDivElement | undefined;
|
||||
|
||||
return (
|
||||
<div class="flex justify-center">
|
||||
<div class="flex justify-center drop-shadow">
|
||||
<Show when={store.state.activeTab < store.state.cards.length}>
|
||||
<div
|
||||
ref={cardRef}
|
||||
class="relative bg-white border border-gray-300 shadow-lg overflow-hidden"
|
||||
class="relative bg-white border border-gray-300 overflow-hidden"
|
||||
classList={{ 'select-none': store.state.isEditing }}
|
||||
style={{
|
||||
width: `${store.state.dimensions?.cardWidth}mm`,
|
||||
|
|
|
|||
|
|
@ -133,8 +133,8 @@ export function PltPreview(props: PltPreviewProps) {
|
|||
class="bg-white shadow-xl"
|
||||
viewBox={`0 0 ${parsedData().width} ${parsedData().height}`}
|
||||
style={{
|
||||
width: `${Math.min(parsedData().width, 800)}px`,
|
||||
height: `${(parsedData().height / parsedData().width) * Math.min(parsedData().width, 800)}px`
|
||||
width: `${Math.min(parsedData().width, 800)}mm`,
|
||||
height: `${(parsedData().height / parsedData().width) * Math.min(parsedData().width, 800)}mm`
|
||||
}}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
|
|
|
|||
Loading…
Reference in New Issue