liveline: bold playwriter logo in sidebar, remove header text, remove image border-radius
- Replace arrow + 'Index' link with bold 'playwriter' logo text in TOC sidebar - Remove 'Playwriter' subtitle and '2025' year from page header, start with first paragraph - Remove rounded-lg from chart placeholder images for sharp edges
This commit is contained in:
@@ -103,14 +103,14 @@ function TableOfContents() {
|
|||||||
<nav>
|
<nav>
|
||||||
<a
|
<a
|
||||||
href="/"
|
href="/"
|
||||||
className="no-underline transition-colors flex items-center gap-1"
|
className="no-underline transition-colors block"
|
||||||
style={{
|
style={{
|
||||||
fontSize: "14px",
|
fontSize: "14px",
|
||||||
fontWeight: 475,
|
fontWeight: 700,
|
||||||
lineHeight: "20px",
|
lineHeight: "20px",
|
||||||
letterSpacing: "-0.09px",
|
letterSpacing: "-0.09px",
|
||||||
padding: "4px 0",
|
padding: "4px 0",
|
||||||
color: "var(--ll-text-secondary)",
|
color: "var(--ll-text-primary)",
|
||||||
fontFamily: "var(--ll-font-primary)",
|
fontFamily: "var(--ll-font-primary)",
|
||||||
marginBottom: "8px",
|
marginBottom: "8px",
|
||||||
}}
|
}}
|
||||||
@@ -118,19 +118,10 @@ function TableOfContents() {
|
|||||||
e.currentTarget.style.color = "var(--ll-text-hover)";
|
e.currentTarget.style.color = "var(--ll-text-hover)";
|
||||||
}}
|
}}
|
||||||
onMouseLeave={(e) => {
|
onMouseLeave={(e) => {
|
||||||
e.currentTarget.style.color = "var(--ll-text-secondary)";
|
e.currentTarget.style.color = "var(--ll-text-primary)";
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none">
|
playwriter
|
||||||
<path
|
|
||||||
d="M12.25 7H1.75M1.75 7L6.125 2.625M1.75 7L6.125 11.375"
|
|
||||||
stroke="currentColor"
|
|
||||||
strokeWidth="1.5"
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
{" "}Index
|
|
||||||
</a>
|
</a>
|
||||||
{tocItems.map((item) => {
|
{tocItems.map((item) => {
|
||||||
const isActive = `#${activeId}` === item.href;
|
const isActive = `#${activeId}` === item.href;
|
||||||
@@ -410,7 +401,7 @@ function ChartPlaceholder({ height = 200, label }: { height?: number; label?: st
|
|||||||
return (
|
return (
|
||||||
<div className="my-4 ll-bleed">
|
<div className="my-4 ll-bleed">
|
||||||
<div
|
<div
|
||||||
className="w-full rounded-lg overflow-hidden relative"
|
className="w-full overflow-hidden relative"
|
||||||
style={{
|
style={{
|
||||||
height: `${height}px`,
|
height: `${height}px`,
|
||||||
background: "rgb(17, 17, 17)",
|
background: "rgb(17, 17, 17)",
|
||||||
@@ -600,35 +591,8 @@ export default function LivelinePage() {
|
|||||||
className="mx-auto"
|
className="mx-auto"
|
||||||
style={{ width: "550px", maxWidth: "calc(100% - 2rem)", padding: "0 1rem 6rem" }}
|
style={{ width: "550px", maxWidth: "calc(100% - 2rem)", padding: "0 1rem 6rem" }}
|
||||||
>
|
>
|
||||||
{/* Page header */}
|
{/* Top spacer */}
|
||||||
<header style={{ padding: "80px 0 40px" }}>
|
<div style={{ height: "80px" }} />
|
||||||
<h2
|
|
||||||
style={{
|
|
||||||
fontFamily: "var(--ll-font-primary)",
|
|
||||||
fontSize: "13px",
|
|
||||||
fontWeight: 475,
|
|
||||||
lineHeight: "15.6px",
|
|
||||||
letterSpacing: "-0.04px",
|
|
||||||
color: "var(--ll-text-secondary)",
|
|
||||||
margin: 0,
|
|
||||||
padding: "0 0 16px",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
Playwriter
|
|
||||||
</h2>
|
|
||||||
<time
|
|
||||||
style={{
|
|
||||||
fontFamily: "var(--ll-font-primary)",
|
|
||||||
fontSize: "13px",
|
|
||||||
fontWeight: 400,
|
|
||||||
lineHeight: "15.6px",
|
|
||||||
letterSpacing: "-0.04px",
|
|
||||||
color: "var(--ll-text-tertiary)",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
2025
|
|
||||||
</time>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<article className="liveline-article flex flex-col gap-[16px]">
|
<article className="liveline-article flex flex-col gap-[16px]">
|
||||||
{/* Intro */}
|
{/* Intro */}
|
||||||
|
|||||||
Reference in New Issue
Block a user