mirror of
https://github.com/Dvorinka/swingmusic-extended.git
synced 2026-06-04 20:43:04 +00:00
reduce modal max-width
This commit is contained in:
committed by
Mungai Njoroge
parent
97db706186
commit
cb51107ffd
@@ -10,40 +10,9 @@
|
||||
for all your local music files 💿️.
|
||||
</p>
|
||||
<hr />
|
||||
<p>
|
||||
To get started, you need to have
|
||||
<a href="https://github.com/geoffrey45/alice-core" target="_blank"
|
||||
><span class="inline-code">alice server </span></a
|
||||
>
|
||||
running on your computer, and accessible via
|
||||
<a href="http://localhost:1970"
|
||||
><span class="inline-code">localhost:1970</span></a
|
||||
>.
|
||||
</p>
|
||||
<p>
|
||||
On top of that, you need to enable loading mixed content in your browser
|
||||
to to load local images 🖼️. Firefox usually supports this by default, but
|
||||
you may need to enable it in Chrome.
|
||||
</p>
|
||||
<p class="t-center">Let there be music!</p>
|
||||
<hr />
|
||||
<br />
|
||||
<div class="instructions rounded">
|
||||
<div class="t-center">How to enable loading mixed content in</div>
|
||||
<div class="button-group">
|
||||
<a
|
||||
href="https://support.mozilla.org/en-US/kb/mixed-content-blocking-firefox"
|
||||
target="_blank"
|
||||
>
|
||||
<button>🦊 Firefox</button>
|
||||
</a>
|
||||
<a
|
||||
href="https://support.google.com/chrome/answer/95617?hl=en"
|
||||
target="_blank"
|
||||
>
|
||||
<button>🦝 Chrome</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bottom-banner">
|
||||
<div class="creator t-center">
|
||||
@@ -64,14 +33,6 @@
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
|
||||
.inline-code {
|
||||
font-size: 0.9rem;
|
||||
color: $red;
|
||||
border-radius: $smaller;
|
||||
font-family: "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo",
|
||||
"Consolas", "Liberation Mono";
|
||||
}
|
||||
|
||||
hr {
|
||||
border: none;
|
||||
border-bottom: 1px $gray3 solid;
|
||||
@@ -95,22 +56,7 @@
|
||||
|
||||
a {
|
||||
color: $red;
|
||||
}
|
||||
}
|
||||
|
||||
.instructions {
|
||||
background-color: $gray4;
|
||||
padding: $small;
|
||||
|
||||
.button-group {
|
||||
margin-top: 1rem;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
gap: 1rem;
|
||||
|
||||
button {
|
||||
padding: 0 $medium;
|
||||
}
|
||||
cursor: pointer !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user