Spaces:
Running
Running
| /* Custom styles that can't be done with Tailwind */ | |
| #dropZone.drag-over { | |
| border-color: #3b82f6; | |
| background-color: #f0f7ff; | |
| } | |
| .poster-page { | |
| position: relative; | |
| overflow: hidden; | |
| aspect-ratio: 1/1.4142; /* A4 aspect ratio */ | |
| background-color: white; | |
| box-shadow: 0 2px 4px rgba(0,0,0,0.1); | |
| } | |
| .poster-page img { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| object-fit: cover; | |
| } | |
| .cutting-guide { | |
| position: absolute; | |
| background-color: rgba(255, 0, 0, 0.3); | |
| z-index: 10; | |
| } | |
| .poster-page canvas { | |
| border: 1px dashed rgba(0, 0, 255, 0.5); | |
| } | |
| @media print { | |
| body * { | |
| visibility: hidden; | |
| } | |
| #posterPages, #posterPages * { | |
| visibility: visible; | |
| } | |
| #posterPages { | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| width: 100%; | |
| height: auto; | |
| } | |
| .poster-page { | |
| page-break-after: always; | |
| margin: 0; | |
| box-shadow: none; | |
| } | |
| } |