lucaspatenaude/ScoreSpot
1
0
Fork 0
Code Projects 1 Releases 1 Wiki Activity

Basic account favorites card styled

Browse Source
This commit is contained in:
Lucas Patenaude
2024-04-24 19:03:39 -06:00
parent 77b33a0606
commit 6e33ee80ea
2 changed files with 48 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
ProjectSourceCode/src/resources/css/login-and-registration/account.css
View File

@@ -1,3 +1,35 @@
#account-pane {
display: none;
}
#account-pane-content-container {
display: flex;
flex-direction: column;
padding: 10px;
}
#account-header-container {
padding: 10px;
font-size: 32px;
border-bottom: 3px solid red;
}
#login-form-container {
display: flex;
flex-direction: column;
}
.favorite-teams-card {
display: flex;
border: 1px solid black;
border-radius: 12px;
padding: 10px 90px;
margin: 10px 0;
img {
width: 40px;
}
}

12
ProjectSourceCode/src/views/partials/navigation-bar/user-menu/account-screen.hbs
View File

@@ -1,17 +1,25 @@
<!-- Linking forms.css -->
<div class="account-portal-container" id="account-pane">
<div class="form-container" id="login-form">
<a id="username">Username: {{user.username}}</a>
<div id="account-pane-content-container">
<div id="account-header-container">
<a id="username">Hello, {{user.username}}</a>
</div>
<div id="login-form-container" class="form-container">
<a style="text-decoration: underline;">Favorite Teams:</a> <br>
{{#each fav_teams}}
<div class="favorite-teams-card">
<img id="teamlogo" src="{{this.teamlogo}}" alt="teamlogo">
<span>{{this.teamname}}</span> <br>
</div>
{{/each}}
<a class="account-portal-button" id="logout-button" href="/logout">Logout</a>
</div>
</div>
</div>