Fix Sections
continuous-integration/drone/push Build is failing
Details
continuous-integration/drone/push Build is failing
Details
This commit is contained in:
parent
d3a53753bc
commit
bc7de92f2d
|
@ -11,7 +11,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.separator {
|
.separator {
|
||||||
flex: 1;
|
flex: 2;
|
||||||
background-color: var(--label);
|
background-color: var(--label);
|
||||||
height: calc(1rem / 16);
|
height: calc(1rem / 16);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
@ -10,6 +10,8 @@ interface SectionsData {
|
||||||
interface SectionsProps {
|
interface SectionsProps {
|
||||||
/* Whether to display the "Sections" title and separator that appears on the left. */
|
/* Whether to display the "Sections" title and separator that appears on the left. */
|
||||||
showHeader?: boolean;
|
showHeader?: boolean;
|
||||||
|
/* Width of the entire Sections, in px. */
|
||||||
|
width?: number;
|
||||||
data: SectionsData[];
|
data: SectionsData[];
|
||||||
className?: string;
|
className?: string;
|
||||||
}
|
}
|
||||||
|
@ -17,6 +19,7 @@ interface SectionsProps {
|
||||||
export function Sections({
|
export function Sections({
|
||||||
data,
|
data,
|
||||||
showHeader = true,
|
showHeader = true,
|
||||||
|
width = 800,
|
||||||
className,
|
className,
|
||||||
}: SectionsProps) {
|
}: SectionsProps) {
|
||||||
return (
|
return (
|
||||||
|
@ -24,6 +27,7 @@ export function Sections({
|
||||||
className={
|
className={
|
||||||
className ? `${className} ${styles.sections}` : `${styles.sections}`
|
className ? `${className} ${styles.sections}` : `${styles.sections}`
|
||||||
}
|
}
|
||||||
|
style={{ width: width }}
|
||||||
>
|
>
|
||||||
{showHeader ? (
|
{showHeader ? (
|
||||||
<>
|
<>
|
||||||
|
|
|
@ -15,7 +15,7 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
align-items: end;
|
align-items: flex-end;
|
||||||
gap: calc(20rem / 16);
|
gap: calc(20rem / 16);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -23,7 +23,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
.time {
|
.time {
|
||||||
|
|
Loading…
Reference in New Issue