personal memory agent
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

speakers: inset segment row dividers, fix spacing and header alignment

+13 -9
+13 -9
apps/speakers/workspace.html
··· 30 30 } 31 31 32 32 .spk-segments-header { 33 - padding: 20px 16px 12px 19px; 33 + padding: 20px 16px 12px 16px; 34 34 margin: 0; 35 35 border-bottom: 1px solid #e5e7eb; 36 36 font-weight: 600; ··· 46 46 47 47 .spk-segment { 48 48 padding: 12px 16px; 49 - border-bottom: 1px solid #e5e7eb; 49 + background-image: linear-gradient(#e5e7eb, #e5e7eb); 50 + background-size: calc(100% - 32px) 1px; 51 + background-position: center bottom; 52 + background-repeat: no-repeat; 50 53 cursor: pointer; 51 - transition: background 0.15s; 54 + transition: background-color 0.15s; 52 55 border-left: 3px solid transparent; 53 56 } 54 57 55 58 .spk-segment:hover { 56 - background: #f9fafb; 59 + background-color: #f9fafb; 57 60 } 58 61 59 62 .spk-segment:active { 60 - background: #f3f4f6; 63 + background-color: #f3f4f6; 61 64 } 62 65 63 66 .spk-segment.active { 64 - background: #eff6ff; 67 + background-color: #eff6ff; 65 68 border-left-color: #3b82f6; 66 69 } 67 70 ··· 76 79 font-size: 12px; 77 80 font-variant-numeric: tabular-nums; 78 81 color: #6b7280; 79 - margin-top: 4px; 82 + margin-top: 6px; 80 83 } 81 84 82 85 .spk-segment-sources { ··· 498 501 border-radius: 12px; 499 502 font-size: 11px; 500 503 color: #1d4ed8; 501 - margin-left: 6px; 504 + margin-left: 8px; 502 505 font-weight: 500; 503 506 } 504 507 505 508 .spk-review-badge { 506 509 display: inline-block; 507 - margin-top: 6px; 510 + margin-top: 8px; 508 511 padding: 2px 8px; 509 512 border-radius: 999px; 510 513 background: #f3f4f6; ··· 905 908 color: #9ca3af; 906 909 font-size: 12px; 907 910 vertical-align: baseline; 911 + line-height: 1; 908 912 } 909 913 910 914 @keyframes spk-fade-in { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }