update Header
This commit is contained in:
parent
3d0ab9b455
commit
16bea36f4f
14
dist/index.js
vendored
14
dist/index.js
vendored
@ -1800,24 +1800,24 @@ function yn({ children: e, ...r }) {
|
|||||||
{
|
{
|
||||||
as: "header",
|
as: "header",
|
||||||
w: "100%",
|
w: "100%",
|
||||||
h: "92px",
|
h: "110px",
|
||||||
borderBottom: "1px solid",
|
borderBottom: "1px",
|
||||||
borderColor: "gray.200",
|
borderColor: "gray.200",
|
||||||
bg: "#fdfbff",
|
bg: "blue.400",
|
||||||
px: "20px",
|
px: "20px",
|
||||||
zIndex: 10,
|
zIndex: 10,
|
||||||
position: "fixed",
|
position: "fixed",
|
||||||
top: 0,
|
color: "white",
|
||||||
...r,
|
...r,
|
||||||
children: /* @__PURE__ */ b(W, { h: "100%", alignItems: "center", justifyContent: "space-between", children: e })
|
children: /* @__PURE__ */ b(W, { h: "100%", alignItems: "center", justifyContent: "space-between", children: e })
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
function bn({ children: e, ...r }) {
|
function bn({ children: e, ...r }) {
|
||||||
return /* @__PURE__ */ b(W, { alignItems: "end", h: "100%", py: "10px", ...r, children: e });
|
return /* @__PURE__ */ b(W, { alignItems: "center", h: "100%", py: "10px", ...r, children: e });
|
||||||
}
|
}
|
||||||
function vn(e) {
|
function vn(e) {
|
||||||
return /* @__PURE__ */ b(Qe, { loading: "lazy", ...e });
|
return /* @__PURE__ */ b(Qe, { loading: "lazy", alt: "logo", ...e });
|
||||||
}
|
}
|
||||||
function xn({ children: e, ...r }) {
|
function xn({ children: e, ...r }) {
|
||||||
return /* @__PURE__ */ b(
|
return /* @__PURE__ */ b(
|
||||||
@ -1826,7 +1826,7 @@ function xn({ children: e, ...r }) {
|
|||||||
alignItems: "start",
|
alignItems: "start",
|
||||||
justifyContent: "end",
|
justifyContent: "end",
|
||||||
h: "100%",
|
h: "100%",
|
||||||
spacing: 0,
|
spacing: 1,
|
||||||
...r,
|
...r,
|
||||||
children: e
|
children: e
|
||||||
}
|
}
|
||||||
|
|||||||
@ -8,14 +8,14 @@ function HeaderRoot({ children, ...props }) {
|
|||||||
<Box
|
<Box
|
||||||
as="header"
|
as="header"
|
||||||
w="100%"
|
w="100%"
|
||||||
h="92px"
|
h="110px"
|
||||||
borderBottom="1px solid"
|
borderBottom="1px"
|
||||||
borderColor="gray.200"
|
borderColor="gray.200"
|
||||||
bg="#fdfbff"
|
bg="blue.400"
|
||||||
px="20px"
|
px="20px"
|
||||||
zIndex={10}
|
zIndex={10}
|
||||||
position="fixed"
|
position="fixed"
|
||||||
top={0}
|
color="white"
|
||||||
{...props}
|
{...props}
|
||||||
>
|
>
|
||||||
<HStack h="100%" alignItems="center" justifyContent="space-between">
|
<HStack h="100%" alignItems="center" justifyContent="space-between">
|
||||||
@ -27,14 +27,14 @@ function HeaderRoot({ children, ...props }) {
|
|||||||
|
|
||||||
function BrandSection({ children, ...props }) {
|
function BrandSection({ children, ...props }) {
|
||||||
return (
|
return (
|
||||||
<HStack alignItems="end" h="100%" py="10px" {...props}>
|
<HStack alignItems="center" h="100%" py="10px" {...props}>
|
||||||
{children}
|
{children}
|
||||||
</HStack>
|
</HStack>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
function Logo(props) {
|
function Logo(props) {
|
||||||
return <Image loading="lazy" {...props} />;
|
return <Image loading="lazy" alt="logo" {...props} />;
|
||||||
}
|
}
|
||||||
|
|
||||||
function Brand({ children, ...props }) {
|
function Brand({ children, ...props }) {
|
||||||
@ -43,7 +43,7 @@ function Brand({ children, ...props }) {
|
|||||||
alignItems="start"
|
alignItems="start"
|
||||||
justifyContent="end"
|
justifyContent="end"
|
||||||
h="100%"
|
h="100%"
|
||||||
spacing={0}
|
spacing={1}
|
||||||
{...props}
|
{...props}
|
||||||
>
|
>
|
||||||
{children}
|
{children}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user