refactor: visuals

This commit is contained in:
hypercross 2026-03-15 11:08:21 +08:00
parent f87ccb662d
commit 7aba5d0c81
2 changed files with 4 additions and 4 deletions

View File

@ -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`,

View File

@ -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"
>