Skip to content
This repository has been archived by the owner on Feb 9, 2024. It is now read-only.

fix banner svg clipping on reduced scaling in some browsers #11

Merged
merged 1 commit into from
Jun 1, 2023
Merged

fix banner svg clipping on reduced scaling in some browsers #11

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
fix banner svg clipping on reduced scaling in some browsers
  • Loading branch information
@fisher60
fisher60 committed Jun 1, 2023
commit 8cc8fd299f5e11d8497062685ed6266efaf41f0e
4 changes: 2 additions & 2 deletions src/components/banner.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,8 +15,8 @@ export default function Banner() {
</div>
</div>

<div className=" w-screen h-20 overflow-x-hidden mt-[-2px] md:h-48">
<img src={bgImage.src} className="block scale-150 w-screen select-none" alt="Orange, curved background for website banner"/>
<div className="w-screen h-20 overflow-x-hidden mt-[-2px] md:h-48">
<img src={bgImage.src} className="block scale-150 w-screen select-none md:mt-[-80px]" alt="Orange, curved background for website banner"/>
</div>


Expand Down
Loading