decentralized and customizable links page on top of atproto ligo.at
atproto link-in-bio python uv
9
fork

Configure Feed

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

style the typeahead

+11 -4
+11 -4
src/static/style.css
··· 6 6 --color-border: #bbb; 7 7 --color-border-secondary: #ddd; 8 8 --color-success: #080; 9 + --size-border-radius: 2px; 9 10 } 10 11 11 12 @media (prefers-color-scheme: dark) { ··· 59 60 input { 60 61 background: var(--color-background-secondary); 61 62 border: 1px solid var(--color-border); 62 - border-radius: 2px; 63 + border-radius: var(--size-border-radius); 63 64 box-sizing: border-box; 64 65 color: var(--color-text); 65 66 font: inherit; ··· 100 101 font-weight: unset; 101 102 } 102 103 104 + actor-typeahead { 105 + --color-hover: var(--color-background-secondary); 106 + --padding-menu: 2px; 107 + --radius: var(--size-border-radius); 108 + } 109 + 103 110 editor-label { 104 111 display: block; 105 112 } ··· 122 129 padding: 0.25em; 123 130 background: var(--color-background); 124 131 border: 1px solid var(--color-border-secondary); 125 - border-radius: 2px; 132 + border-radius: var(--size-border-radius); 126 133 } 127 134 128 135 link-editor-header { ··· 155 162 156 163 still-building { 157 164 background-color: var(--color-background-secondary); 158 - border-radius: 2px; 165 + border-radius: var(--size-border-radius); 159 166 display: block; 160 167 } 161 168 ··· 167 174 #333 20px, 168 175 #333 40px 169 176 ); 170 - border-radius: 2px 2px 0 0; 177 + border-radius: var(--size-border-radius) var(--size-border-radius) 0 0; 171 178 color: #fff; 172 179 display: block; 173 180 font-size: 1.2em;