glenn
/
asteroid
mirror of https://github.com/glenneth1/asteroid.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update profile page to match site-wide layout and styling 

- Remove narrow profile-container (600px) in favor of standard container (1200px)
- Replace profile-card divs with admin-section to match admin page styling
- Add consistent h1 header matching other pages
- Remove unused profile-container and profile-card CSS classes
- Keep profile-specific utility styles (profile-info, artist-stats, etc.)
This commit is contained in:
glenneth 2025-10-06 09:49:36 +03:00 committed by Brian O'Reilly
parent f7bc30f18c
commit fa1de1c874
3 changed files with 18 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
static/asteroid.css
View File

@ -639,26 +639,6 @@ body .auth-link a:hover{
text-decoration: underline;
}
body .profile-container{
max-width: 600px;
margin: 2rem auto;
padding: 0 1rem;
}
body .profile-card{
background-color: #1a2332;
border: 1px solid #2a3441;
border-radius: 8px;
padding: 2rem;
margin-bottom: 2rem;
}
body .profile-card h2{
color: #00ffff;
margin-bottom: 1.5rem;
text-align: center;
}
body .profile-info{
margin-bottom: 2rem;
}

16
static/asteroid.lass
View File

@ -501,22 +501,6 @@
((:and a :hover) :text-decoration underline))
;; Profile Styles
(.profile-container
:max-width 600px
:margin "2rem auto"
:padding 0 1rem)
(.profile-card
:background-color "#1a2332"
:border "1px solid #2a3441"
:border-radius 8px
:padding 2rem
:margin-bottom 2rem
(h2 :color "#00ffff"
:margin-bottom 1.5rem
:text-align center))
(.profile-info
:margin-bottom 2rem)

37
template/profile.chtml
View File

@ -9,15 +9,15 @@
</head>
<body>
<div class="container">
<div class="profile-container">
<div class="nav">
<a href="/asteroid/">← Back to Main</a>
<a href="/asteroid/player/">Web Player</a>
<a href="/asteroid/admin/" data-show-if-admin>Admin</a>
</div>
<h1>👤 USER PROFILE</h1>
<div class="nav">
<a href="/asteroid/">← Back to Main</a>
<a href="/asteroid/player/">Web Player</a>
<a href="/asteroid/admin/" data-show-if-admin>Admin</a>
</div>
<!-- User Profile Header -->
<div class="profile-card">
<!-- User Profile Header -->
<div class="admin-section">
<h2>🎧 User Profile</h2>
<div class="profile-info">
<div class="info-group">
@ -39,8 +39,8 @@
</div>
</div>
<!-- Listening Statistics -->
<div class="profile-card">
<!-- Listening Statistics -->
<div class="admin-section">
<h2>📊 Listening Statistics</h2>
<div class="admin-grid">
<div class="status-card">
@ -62,8 +62,8 @@
</div>
</div>
<!-- Recently Played Tracks -->
<div class="profile-card">
<!-- Recently Played Tracks -->
<div class="admin-section">
<h2>🎵 Recently Played</h2>
<div class="tracks-list" id="recent-tracks">
<div class="track-item">
@ -102,8 +102,8 @@
</div>
</div>
<!-- Top Artists -->
<div class="profile-card">
<!-- Top Artists -->
<div class="admin-section">
<h2>🎤 Top Artists</h2>
<div class="artist-stats">
<div class="artist-item">
@ -129,8 +129,8 @@
</div>
</div>
<!-- Listening Activity Chart -->
<div class="profile-card">
<!-- Listening Activity Chart -->
<div class="admin-section">
<h2>📈 Listening Activity</h2>
<div class="activity-chart">
<p>Activity over the last 30 days</p>
@ -148,8 +148,8 @@
</div>
</div>
<!-- Profile Actions -->
<div class="profile-card">
<!-- Profile Actions -->
<div class="admin-section">
<h2>⚙️ Profile Settings</h2>
<div class="profile-actions">
<button class="btn btn-primary" onclick="editProfile()">✏️ Edit Profile</button>
@ -157,7 +157,6 @@
<button class="btn btn-secondary" onclick="clearListeningHistory()">🗑️ Clear History</button>
</div>
</div>
</div>
</div>
<script>