sami7777/beep
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

Clean up feed: bigger avatars, icons, meta text, more spacing

Browse Source
This commit is contained in:
Krystie
2026-06-04 17:37:45 -07:00
parent ad062bc81b
commit a94e8266d7
1 changed files with 21 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/beep.css
+21 -20
View File
@@ -108,6 +108,7 @@
gap: 12px;
padding: 16px 20px;
border-bottom: 1px solid var(--beep-border);
background: var(--beep-bg);
}
.beep-embed .beep-compose-body {
@@ -232,10 +233,10 @@
/* Avatars */
.beep-embed .beep-feed .beep-avatar {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
width: 56px !important;
height: 56px !important;
min-width: 56px !important;
max-width: 56px !important;
border-radius: 50% !important;
flex-shrink: 0;
background: var(--beep-border);
@@ -268,7 +269,7 @@
.beep-embed .beep-post {
display: flex;
gap: 12px;
padding: 14px 20px;
padding: 16px 20px;
border-bottom: 1px solid var(--beep-border);
background: var(--beep-bg);
transition: background-color 0.15s ease;
@@ -284,10 +285,10 @@
.beep-embed .beep-meta {
display: flex;
align-items: center;
gap: 4px;
font-size: 15px;
line-height: 1.2;
margin-bottom: 2px;
gap: 6px;
font-size: 16px;
line-height: 1.3;
margin-bottom: 4px;
flex-wrap: wrap;
}
@@ -348,23 +349,23 @@
.beep-embed .beep-action {
display: flex;
align-items: center;
gap: 4px;
gap: 6px;
background: transparent;
border: 0;
color: var(--beep-muted);
font-size: 13px;
font-size: 14px;
font-family: inherit;
cursor: pointer;
padding: 6px 8px;
margin: -6px -8px;
padding: 8px 10px;
margin: -8px -10px;
border-radius: 9999px;
transition: color 0.15s ease, background-color 0.15s ease;
}
.beep-embed .beep-action svg,
.beep-embed .beep-action .beep-icon-svg {
width: 18px;
height: 18px;
width: 22px;
height: 22px;
fill: currentColor;
display: block;
flex-shrink: 0;
@@ -687,14 +688,14 @@
/* Post badge */
.beep-embed .beep-post-badge {
width: 18px;
height: 18px;
width: 24px;
height: 24px;
flex-shrink: 0;
opacity: 0.5;
margin-left: 2px;
opacity: 0.7;
margin-left: 4px;
}
.beep-embed .beep-post-badge:hover { opacity: 0.8; cursor: pointer; }
.beep-embed .beep-post-badge:hover { opacity: 1; cursor: pointer; }
/* Loading */
.beep-embed .beep-loading { opacity: 0.5; pointer-events: none; }