Fix app menu section layout
This commit is contained in:
@@ -15,7 +15,7 @@ export default class AppMenuSettingsApis extends Component {
|
|||||||
<Icon @name="server" @size={{20}} />
|
<Icon @name="server" @size={{20}} />
|
||||||
<span>API Providers</span>
|
<span>API Providers</span>
|
||||||
</summary>
|
</summary>
|
||||||
<div class="details-content">
|
<div class="details-content form-layout">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="overpass-api">Overpass API Provider</label>
|
<label for="overpass-api">Overpass API Provider</label>
|
||||||
<select
|
<select
|
||||||
|
|||||||
@@ -14,7 +14,7 @@ export default class AppMenuSettingsMapUi extends Component {
|
|||||||
<Icon @name="map" @size={{20}} />
|
<Icon @name="map" @size={{20}} />
|
||||||
<span>Map & UI</span>
|
<span>Map & UI</span>
|
||||||
</summary>
|
</summary>
|
||||||
<div class="details-content">
|
<div class="details-content form-layout">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="show-quick-search">Quick search buttons visible</label>
|
<label for="show-quick-search">Quick search buttons visible</label>
|
||||||
<select
|
<select
|
||||||
|
|||||||
@@ -108,7 +108,7 @@ export default class AppMenuSettingsNostr extends Component {
|
|||||||
<Icon @name="zap" @size={{20}} />
|
<Icon @name="zap" @size={{20}} />
|
||||||
<span>Nostr</span>
|
<span>Nostr</span>
|
||||||
</summary>
|
</summary>
|
||||||
<div class="details-content">
|
<div class="details-content form-layout">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="nostr-photo-fallback-uploads">Upload photos to fallback
|
<label for="nostr-photo-fallback-uploads">Upload photos to fallback
|
||||||
servers</label>
|
servers</label>
|
||||||
|
|||||||
@@ -594,6 +594,9 @@ body {
|
|||||||
padding: 0 1.4rem 1rem;
|
padding: 0 1.4rem 1rem;
|
||||||
animation: details-slide-down 0.2s ease-out;
|
animation: details-slide-down 0.2s ease-out;
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-content details .details-content.form-layout {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 16px;
|
gap: 16px;
|
||||||
|
|||||||
Reference in New Issue
Block a user