hypercross
/
ttrpg-tools
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/md-deck/CardPreview.tsx
View File

@ -26,11 +26,11 @@ export function CardPreview(props: CardPreviewProps) {
let cardRef: HTMLDivElement | undefined; let cardRef: HTMLDivElement | undefined;
return ( return (
<div class="flex justify-center"> <div class="flex justify-center drop-shadow">
<Show when={store.state.activeTab < store.state.cards.length}> <Show when={store.state.activeTab < store.state.cards.length}>
<div <div
ref={cardRef} 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 }} classList={{ 'select-none': store.state.isEditing }}
style={{ style={{
width: `${store.state.dimensions?.cardWidth}mm`, width: `${store.state.dimensions?.cardWidth}mm`,

4
src/components/md-deck/PltPreview.tsx
View File

@ -133,8 +133,8 @@ export function PltPreview(props: PltPreviewProps) {
class="bg-white shadow-xl" class="bg-white shadow-xl"
viewBox={`0 0 ${parsedData().width} ${parsedData().height}`} viewBox={`0 0 ${parsedData().width} ${parsedData().height}`}
style={{ style={{
width: `${Math.min(parsedData().width, 800)}px`, width: `${Math.min(parsedData().width, 800)}mm`,
height: `${(parsedData().height / parsedData().width) * Math.min(parsedData().width, 800)}px` height: `${(parsedData().height / parsedData().width) * Math.min(parsedData().width, 800)}mm`
}} }}
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >