decentralized and customizable links page on top of atproto
ligo.at
atproto
link-in-bio
python
uv
style the typeahead
+11
-4
+11
-4
src/static/style.css
+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;