Mirror/awesome-nostr
1
0
Fork 0
mirror of https://github.com/aljazceru/awesome-nostr.git synced 2025-02-22 22:58:59 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

minor sidebar heading adjustment

Browse Source
This commit is contained in:
Yeghro 2025-01-25 01:27:33 -08:00
parent ccd152bb05
commit 4206c262f8
2 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -53,7 +53,7 @@
<!-- Remove duplicate menu toggle from sidebar --> <!-- Remove duplicate menu toggle from sidebar -->
<nav class="sidebar" aria-label="Main navigation"> <nav class="sidebar" aria-label="Main navigation">
<header class="sidebar-header"> <header class="sidebar-header">
<h1>Nostr Resources</h1> <h4>Nostr Resources</h4>
</header> </header>
<div class="sidebar-content"> <div class="sidebar-content">
<ul class="nav-links"> <ul class="nav-links">

30
styles.css
View File

@ -58,6 +58,14 @@ body {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin-bottom: 2rem; margin-bottom: 2rem;
margin-top: 3rem; /* Increased from 1rem to 2.5rem for more spacing */
}
.sidebar-header h4 {
margin: 0;
color: var(--text-color);
font-size: 1.1rem;
font-weight: 500;
} }
.search-box { .search-box {
@ -564,33 +572,29 @@ button:focus {
.logo-container { .logo-container {
height: 50px; height: 50px;
width: 200px; width: 200px; /* Adjust this value to your preferred width */
display: flex; display: flex;
align-items: center; align-items: center;
gap: 4px; justify-content: center;
overflow: hidden;
} }
.nav-logo { .nav-logo {
height: 100%; height: 100%;
width: auto; width: 100%;
object-fit: contain; object-fit: cover; /* This will maintain aspect ratio while fitting within the container */
}
.logo-text {
color: white;
font-weight: bold;
font-size: 1.2rem;
} }
/* Adjust container size for mobile */ /* Adjust container size for mobile */
@media (max-width: 768px) { @media (max-width: 768px) {
.logo-container { .logo-container {
height: 40px; height: 40px;
width: 160px; width: 160px; /* Proportionally smaller for mobile */
} }
.logo-text { .nav-content h1 {
font-size: 1rem; width: auto;
text-align: left;
} }
} }