reduce modal max-width

This commit is contained in:
geoffrey45
2022-12-09 11:16:17 +03:00
committed by Mungai Njoroge
parent 97db706186
commit cb51107ffd
6 changed files with 19 additions and 66 deletions
+2 -56
View File
@@ -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;
}
}
}