thegeneralist01/archivr
1
Fork 0
mirror of https://github.com/thegeneralist01/archivr synced 2026-07-21 18:55:36 +02:00
Code Issues Activity

style: tighten article/tweet preview spacing

Browse source 
- aMeta padding: 14px → 10px
- article title marginBottom: 10px → 8px
- aAuthorRow marginBottom: 10px → 8px
- bH1 top margin: 20px → 16px
- bH2 top margin: 18px → 14px
- bHr margin: 20px → 14px
- .preview-tweet-wrap padding: 20px → 12px (already committed)

More content visible above the fold in both modal and standalone views.
This commit is contained in:
TheGeneralist 2026-07-11 19:46:49 +02:00
parent 8755e2c503
commit 060dcfb531
Signed by: thegeneralist01
SSH key fingerprint: SHA256:pp9qddbCNmVNoSjevdvQvM5z0DHN7LTa8qBMbcMq/R4
3 changed files with 8 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

2
crates/archivr-server/static/assets/index-DekfKifP.js → crates/archivr-server/static/assets/index-CGUwr6HO.js
View file

File diff suppressed because one or more lines are too long

2
crates/archivr-server/static/index.html
View file

@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Archivr</title> <title>Archivr</title>
<script type="module" crossorigin src="/assets/index-DekfKifP.js"></script> <script type="module" crossorigin src="/assets/index-CGUwr6HO.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-Czw8P_Ze.css"> <link rel="stylesheet" crossorigin href="/assets/index-Czw8P_Ze.css">
</head> </head>
<body> <body>

12
frontend/src/components/TweetPreview.jsx
View file

@ -164,7 +164,7 @@ const S = {
maxHeight: '280px', maxHeight: '280px',
}, },
aMeta: { aMeta: {
padding: '14px 14px 0', padding: '10px 14px 0',
}, },
aTweetTitle: { aTweetTitle: {
fontSize: '20px', fontSize: '20px',
@ -172,13 +172,13 @@ const S = {
letterSpacing: '-0.3px', letterSpacing: '-0.3px',
color: 'var(--ink)', color: 'var(--ink)',
lineHeight: '1.3', lineHeight: '1.3',
marginBottom: '10px', marginBottom: '8px',
}, },
aAuthorRow: { aAuthorRow: {
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
gap: '8px', gap: '8px',
marginBottom: '10px', marginBottom: '8px',
}, },
aAvatar: { aAvatar: {
width: '36px', width: '36px',
@ -221,7 +221,7 @@ const S = {
letterSpacing: '-0.4px', letterSpacing: '-0.4px',
color: 'var(--ink)', color: 'var(--ink)',
lineHeight: '1.25', lineHeight: '1.25',
margin: '20px 0 8px', margin: '16px 0 6px',
}, },
bH2: { bH2: {
fontSize: '18px', fontSize: '18px',
@ -229,7 +229,7 @@ const S = {
letterSpacing: '-0.2px', letterSpacing: '-0.2px',
color: 'var(--ink)', color: 'var(--ink)',
lineHeight: '1.3', lineHeight: '1.3',
margin: '18px 0 6px', margin: '14px 0 4px',
}, },
bP: { bP: {
fontSize: '15px', fontSize: '15px',
@ -253,7 +253,7 @@ const S = {
bHr: { bHr: {
border: 'none', border: 'none',
borderTop: '1px solid var(--line)', borderTop: '1px solid var(--line)',
margin: '20px 0', margin: '14px 0',
}, },
bImg: { bImg: {
width: '100%', width: '100%',