- Adjusted Logo component to explicitly set width and height attributes for the logo image. - Ensured inline styles reflect the new dimensions for better rendering across different devices.
30 lines
571 B
JavaScript
30 lines
571 B
JavaScript
import React from "react";
|
|
import Box from "@mui/material/Box";
|
|
import { Link } from "react-router-dom";
|
|
|
|
const Logo = () => {
|
|
return (
|
|
<Box
|
|
component={Link}
|
|
to="/"
|
|
aria-label="Zur Startseite"
|
|
sx={{
|
|
display: "flex",
|
|
alignItems: "center",
|
|
textDecoration: "none",
|
|
color: "inherit",
|
|
}}
|
|
>
|
|
<img
|
|
src="/assets/images/sh.png"
|
|
alt="SH Logo"
|
|
width="108px"
|
|
height="45px"
|
|
style={{ width: "108px", height: "45px" }}
|
|
/>
|
|
</Box>
|
|
);
|
|
};
|
|
|
|
export default Logo;
|