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

Refactor team section styles by using a common CSS class

Browse Source 
Replaced inline styles with a reusable `.teamContainer` class in the team component. This improves maintainability and ensures consistent styling across sections.
This commit is contained in:
Teriuihi 2025-04-06 20:46:57 +02:00
parent d61a783f7f
commit 7b377a3667
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/app/team/team.component.html
View File

@ -10,7 +10,7 @@
<main> <main>
<section class="darkmodeSection"> <section class="darkmodeSection">
<div class="container" style="padding: 50px 0 0 0; justify-content: center;"> <div class="container teamContainer">
<h2 class="sectionTitle">Management</h2> <h2 class="sectionTitle">Management</h2>
<div class="member"> <div class="member">
<img ngSrc="https://crafatar.com/avatars/55e46bc32a294c53850fdbd944dc5c5f?overlay" <img ngSrc="https://crafatar.com/avatars/55e46bc32a294c53850fdbd944dc5c5f?overlay"
@ -27,17 +27,17 @@
</div> </div>
</section> </section>
<section class="darkmodeSectionThree"> <section class="darkmodeSectionThree">
<div class="container" style="padding: 50px 0 0 0; justify-content: center;"> <div class="container teamContainer">
<h2 class="sectionTitle">Admins</h2> <h2 class="sectionTitle">Admins</h2>
</div> </div>
</section> </section>
<section class="darkmodeSection"> <section class="darkmodeSection">
<div class="container" style="padding: 50px 0 0 0; justify-content: center;"> <div class="container teamContainer">
<h2 class="sectionTitle">Head Moderators</h2> <h2 class="sectionTitle">Head Moderators</h2>
</div> </div>
</section> </section>
<section class="darkmodeSectionThree"> <section class="darkmodeSectionThree">
<div class="container" style="padding: 50px 0 0 0; justify-content: center;"> <div class="container teamContainer">
<h2 class="sectionTitle">Moderators</h2> <h2 class="sectionTitle">Moderators</h2>
</div> </div>
</section> </section>

5
frontend/src/app/team/team.component.scss
View File

@ -19,3 +19,8 @@
.member p { .member p {
font-family: 'opensans-bold', sans-serif; font-family: 'opensans-bold', sans-serif;
} }
.teamContainer {
padding: 50px 0 0 0;
justify-content: center;
}