greg/rss-reader
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

More layout tweaks

Browse Source
This commit is contained in:
Greg Shuflin 2025-02-05 04:19:47 -08:00
parent ed0ec66138
commit 705929ee47
5 changed files with 15 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
static/css/components/layout.css
View File

@ -11,18 +11,23 @@ body.with-sidebar {
display: flex; display: flex;
} }
.main-content { .main-content-area {
flex: 1; flex: 1;
padding: 20px 40px; min-width: 0; /* Prevents flex item from overflowing */
} }
.main-content h1 { #main-content {
flex: 1;
padding: 1rem;
}
#main-content h1 {
color: var(--primary-red); color: var(--primary-red);
font-size: 2.5em; font-size: 2.5em;
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
.main-content p { #main-content p {
line-height: 1.6; line-height: 1.6;
color: var(--text-muted); color: var(--text-muted);
margin-bottom: 1.5em; margin-bottom: 1.5em;

1
static/css/components/topbar.css
View File

@ -7,7 +7,6 @@
grid-template-columns: 1fr auto 1fr; grid-template-columns: 1fr auto 1fr;
align-items: center; align-items: center;
margin-bottom: 1rem; margin-bottom: 1rem;
border-radius: 8px;
} }
.top-bar-title { .top-bar-title {

12
static/css/style.css
View File

@ -15,18 +15,6 @@ body {
color: var(--text-color); color: var(--text-color);
} }
.main-content h1 {
color: var(--primary-red);
font-size: 2.5em;
margin-bottom: 0.5em;
}
.main-content p {
line-height: 1.6;
color: var(--text-muted);
margin-bottom: 1.5em;
}
.login-container { .login-container {
display: flex; display: flex;
justify-content: center; justify-content: center;

6
static/js/app.js
View File

@ -36,8 +36,8 @@ function formatDate(dateStr) {
} }
function renderFeedEntries(entries) { function renderFeedEntries(entries) {
const feedContent = document.querySelector('#feed-content'); const mainContent = document.querySelector('#main-content');
feedContent.innerHTML = ''; mainContent.innerHTML = '';
entries.forEach(entry => { entries.forEach(entry => {
const entryDiv = document.createElement('article'); const entryDiv = document.createElement('article');
@ -135,7 +135,7 @@ function renderFeedEntries(entries) {
entryDiv.appendChild(title); entryDiv.appendChild(title);
entryDiv.appendChild(meta); entryDiv.appendChild(meta);
entryDiv.appendChild(summary); entryDiv.appendChild(summary);
feedContent.appendChild(entryDiv); mainContent.appendChild(entryDiv);
}); });
} }

6
templates/index.html.tera
View File

@ -46,7 +46,7 @@
</nav> </nav>
</aside> </aside>
<main class="main-content"> <div class="main-content-area">
<header class="top-bar"> <header class="top-bar">
<h1 class="top-bar-title">RSS Reader</h1> <h1 class="top-bar-title">RSS Reader</h1>
<div class="user-menu"> <div class="user-menu">
@ -58,8 +58,8 @@
</div> </div>
</div> </div>
</header> </header>
<div id="feed-content"></div> <main id="main-content"></main>
</main> </div>
<script src="/static/js/app.js"></script> <script src="/static/js/app.js"></script>
</body> </body>