fix(codebase): perfectly align left file tree header and right preview header
This commit is contained in:
@@ -408,11 +408,13 @@ const railGroupHeader: React.CSSProperties = {
|
|||||||
display: "flex",
|
display: "flex",
|
||||||
alignItems: "center",
|
alignItems: "center",
|
||||||
justifyContent: "space-between",
|
justifyContent: "space-between",
|
||||||
padding: "20px 20px 12px 20px",
|
padding: "10px 20px",
|
||||||
position: "sticky",
|
position: "sticky",
|
||||||
top: 0,
|
top: 0,
|
||||||
background: THEME.cardBg,
|
background: THEME.cardBg,
|
||||||
zIndex: 10,
|
zIndex: 10,
|
||||||
|
height: "41px",
|
||||||
|
boxSizing: "border-box",
|
||||||
};
|
};
|
||||||
const railGroupTitle: React.CSSProperties = {
|
const railGroupTitle: React.CSSProperties = {
|
||||||
fontSize: "0.95rem",
|
fontSize: "0.95rem",
|
||||||
|
|||||||
@@ -154,6 +154,8 @@ export function GiteaFileViewer({ projectId, path }: GiteaFileViewerProps) {
|
|||||||
padding: "10px 16px",
|
padding: "10px 16px",
|
||||||
background: THEME.subtleBg,
|
background: THEME.subtleBg,
|
||||||
borderBottom: `1px solid ${THEME.borderSoft}`,
|
borderBottom: `1px solid ${THEME.borderSoft}`,
|
||||||
|
height: "41px",
|
||||||
|
boxSizing: "border-box",
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
@@ -270,6 +272,8 @@ function Centered({
|
|||||||
padding: "10px 16px",
|
padding: "10px 16px",
|
||||||
background: THEME.subtleBg,
|
background: THEME.subtleBg,
|
||||||
borderBottom: `1px solid ${THEME.borderSoft}`,
|
borderBottom: `1px solid ${THEME.borderSoft}`,
|
||||||
|
height: "41px",
|
||||||
|
boxSizing: "border-box",
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
|
|||||||
Reference in New Issue
Block a user