danvics/soulsync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

style changes

Browse source
This commit is contained in:
Broque Thomas 2025-09-28 23:03:07 -07:00
parent 61dd721b67
commit d6dc30f9e4
2 changed files with 17 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
webui/index.html
View file

@ -393,24 +393,25 @@
<!-- Browse Charts Tab Content -->
<div class="beatport-tab-content active" id="beatport-browse-content">
<div class="beatport-hero">
<div class="beatport-hero-bg"></div>
<div class="beatport-hero-content">
<h2>Browse Beatport Charts</h2>
<p>Explore top electronic music charts and discover new tracks</p>
<div class="beatport-stats">
<span class="stat-item">39 Genres</span>
<span class="stat-divider">•</span>
<span class="stat-item">Top 100</span>
<span class="stat-divider">•</span>
<span class="stat-item">Daily Updates</span>
</div>
</div>
</div>
<div class="beatport-navigation">
<!-- New Homepage Main View -->
<div class="beatport-main-view active" id="beatport-main-view">
<div class="beatport-hero">
<div class="beatport-hero-bg"></div>
<div class="beatport-hero-content">
<h2>Browse Beatport Charts</h2>
<p>Explore top electronic music charts and discover new tracks</p>
<div class="beatport-stats">
<span class="stat-item">39 Genres</span>
<span class="stat-divider">•</span>
<span class="stat-item">Top 100</span>
<span class="stat-divider">•</span>
<span class="stat-item">Daily Updates</span>
</div>
</div>
</div>
<!-- Genre Explorer Section -->
<div class="homepage-genre-section">
<h3 class="section-title">🎵 Genre Explorer</h3>

4
webui/static/style.css
View file

@ -4156,7 +4156,7 @@ body {
.sync-content-area {
display: grid;
grid-template-columns: 2fr 1fr; /* 2/3 for main panel, 1/3 for sidebar */
grid-template-columns: 2.5fr 0.75fr; /* More space for main panel, smaller sidebar */
gap: 25px;
height: calc(100vh - 200px); /* Adjust height to fit within the page */
}
@ -4368,7 +4368,7 @@ body {
.beatport-hero {
position: relative;
height: 240px;
height: fit-content;
border-radius: 20px;
margin-bottom: 40px;
overflow: hidden;