Altitude/AltitudeWeb
5
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

Update responsive styles and class names for consistency

Browse Source 
Refactored multiple components to improve responsive design, ensuring better usability on smaller screens. Standardized class names for clarity and consistency, and adjusted layouts and styles to enhance overall alignment and accessibility.
This commit is contained in:
Peter
2025-07-14 22:49:22 +02:00
parent 974d50d7cd
commit 5a792463cc
24 changed files with 190 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app/pages/reference/nicknames/nicknames.component.html
+7 -4
View File
@@ -29,7 +29,7 @@
color options. These colors will be in the form of <span
style="font-family: 'opensans-bold', sans-serif;">#XXXXXX</span>; write down the colors that you like so
that you can easily use them later.</p>
<img ngSrc="/img/random/colors.png" alt="RGB colors" style="width: 100%; padding:0;" height="130"
<img ngSrc="/public/img/random/colors.png" alt="RGB colors" style="width: 100%; padding:0;" height="130"
width="480">
<p>Output of /colorsextra</p>
<p>Furthermore, you can also use the <a [routerLink]="['/nickgenerator']">nickname generation tool</a> to
@@ -64,13 +64,16 @@
<div class="columnParagraph">
<h2>Useful Commands</h2>
<ul>
<li><span style="font-family: 'opensans-bold', sans-serif;">/nick help</span> - Shows a list of all useful
<li>
<span style="font-family: 'opensans-bold', sans-serif;">/nick help</span> - Shows a list of all useful
nickname commands and how to use them.
</li>
<li><span style="font-family: 'opensans-bold', sans-serif;">/nick try name</span> - Allows players to see
<li>
<span style="font-family: 'opensans-bold', sans-serif;">/nick try name</span> - Allows players to see
how a nickname would look as many times as you like.
</li>
<li><span style="font-family: 'opensans-bold', sans-serif;">/nick request name</span> - Allows players to
<li>
<span style="font-family: 'opensans-bold', sans-serif;">/nick request name</span> - Allows players to
submit a new nickname to staff for approval. This function can only be used once per day.
</li>
</ul>
frontend/src/app/pages/reference/nicknames/nicknames.component.scss
+9
View File
@@ -0,0 +1,9 @@
main ul {
font-family: 'opensans', sans-serif;
text-align: left;
}
main li {
margin-left: 30px;
padding-bottom: 10px;
}