chore: fixed images relative imports for static build

This commit is contained in:
Davide Passoni
2024-12-10 17:42:57 +01:00
parent 8d7aa5df65
commit 95505ec9fa
17 changed files with 60 additions and 62 deletions

View File

@@ -44,7 +44,7 @@ export function OlUnitListEntry(props: {
invert
`}>
<img
src={`./images/units/${props.silhouette}`}
src={`/images/units/${props.silhouette}`}
className="my-auto max-h-full max-w-full"
/>
</div>

View File

@@ -20,7 +20,7 @@ export function OlUnitSummary(props: { blueprint: UnitBlueprint; coalition: Coal
className={`
absolute right-5 top-0 h-full object-cover opacity-10 invert
`}
src={"vite./images/units/" + props.blueprint.filename}
src={"vite/images/units/" + props.blueprint.filename}
alt=""
/>
<div
@@ -33,9 +33,7 @@ export function OlUnitSummary(props: { blueprint: UnitBlueprint; coalition: Coal
</div>
</div>
<div
className={`
flex h-fit flex-col justify-between px-2 leading-normal
`}
className={`flex h-fit flex-col justify-between px-2 leading-normal`}
>
<p
className={`

View File

@@ -94,7 +94,7 @@ export function LoginModal(props: { open: boolean }) {
max-md:border-none
`}
>
<img src="./images/splash/1.jpg" className={`
<img src="/images/splash/1.jpg" className={`
contents-center w-full object-cover opacity-[7%]
`}></img>
<div
@@ -154,7 +154,7 @@ export function LoginModal(props: { open: boolean }) {
`}
>
<span className="size-[80px] min-w-14">
<img src="./images/olympus-500x500.png" className={`
<img src="/images/olympus-500x500.png" className={`
flex w-full
`}></img>
</span>
@@ -360,7 +360,7 @@ export function LoginModal(props: { open: boolean }) {
>
<Card className="flex">
<img
src="./images/splash/1.jpg"
src="/images/splash/1.jpg"
className={`
h-[40%] max-h-[120px] contents-center w-full rounded-md
object-cover
@@ -385,7 +385,7 @@ export function LoginModal(props: { open: boolean }) {
</Card>
<Card className="flex">
<img
src="./images/splash/1.jpg"
src="/images/splash/1.jpg"
className={`
h-[40%] max-h-[120px] contents-center w-full rounded-md
object-cover

View File

@@ -349,7 +349,7 @@ export function FormationMenu(props: {
translate-y-[-50%] rotate-90 cursor-move opacity-80
invert
`}
src={`./images/units/${unit?.getBlueprint()?.filename}`}
src={`/images/units/${unit?.getBlueprint()?.filename}`}
></img>
</div>
);