A music player that connects to your cloud/distributed storage.
0
fork

Configure Feed

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

chore: minor webamp element style improvements

+32 -21
+23 -21
src/themes/webamp/configurators/output/element.js
··· 172 172 </span> 173 173 </fieldset> 174 174 175 - <fieldset style="margin-top: var(--grouped-element-spacing);"> 175 + <fieldset> 176 176 <span class="with-icon with-icon--large"> 177 177 <img 178 178 src="images/icons/windows_98/msg_information-0.png" ··· 185 185 </span> 186 186 </fieldset> 187 187 188 - <fieldset style="margin-top: var(--grouped-element-spacing);"> 188 + <fieldset> 189 189 <legend>Active storage method</legend> 190 190 <span class="with-icon with-icon--large"> 191 191 <img ··· 225 225 <fieldset> 226 226 <span class="with-icon with-icon--large"> 227 227 <img src="images/icons/windows_98/computer_user_pencil-0.png" width="24" /> 228 - <span>Store your user data on the storage associated with your AT Protocol 229 - identity. WORK IN PROGRESS!</span> 228 + <span> 229 + Store your user data on the storage associated with your AT Protocol 230 + identity. 230 231 </span> 231 - </fieldset> 232 + </span> 233 + </fieldset> 232 234 233 - <form @submit="${this.#handleAtprotoLogin}"> 234 - <fieldset> 235 - <div class="field-row"> 236 - <label for="atproto-handle">Your internet handle:</label> 237 - <input 238 - id="atproto-handle" 239 - type="text" 240 - required 241 - placeholder="you.bsky.social" 242 - /> 243 - </div> 244 - </fieldset> 235 + <form @submit="${this.#handleAtprotoLogin}"> 236 + <fieldset> 237 + <div class="field-row"> 238 + <label for="atproto-handle">Your internet handle:</label> 239 + <input 240 + id="atproto-handle" 241 + type="text" 242 + required 243 + placeholder="you.bsky.social" 244 + /> 245 + </div> 246 + </fieldset> 245 247 246 - <p> 247 - <button type="submit" id="atproto-submit">Sign in</button> 248 - </p> 249 - </form> 248 + <p> 249 + <button type="submit" id="atproto-submit">Sign in</button> 250 + </p> 251 + </form> 250 252 `} 251 253 </div> 252 254
+9
src/themes/webamp/facet.css
··· 6 6 margin: 0; 7 7 } 8 8 9 + fieldset + fieldset, 10 + fieldset + form { 11 + margin-top: var(--grouped-element-spacing); 12 + } 13 + 14 + form { 15 + margin-bottom: var(--grouped-element-spacing); 16 + } 17 + 9 18 p { 10 19 margin: var(--grouped-element-spacing) 0; 11 20 }