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

added logo to Ui improvements

Browse Source
This commit is contained in:
Yeghro 2025-01-25 00:53:12 -08:00
parent 7d2bfa0254
commit 79e894ed79
3 changed files with 33 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
Logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 363 KiB

6
index.html
View File

@ -28,7 +28,11 @@
<body> <body>
<nav class="top-nav"> <nav class="top-nav">
<div class="nav-content"> <div class="nav-content">
<h1>Awesome Nostr.net</h1> <h1>
<div class="logo-container">
<img src="Logo.png" alt="Nostr.net Logo" class="nav-logo">
</div>
</h1>
<div class="search-box"> <div class="search-box">
<input type="text" id="search" placeholder="Search resources..."> <input type="text" id="search" placeholder="Search resources...">
<i class="fas fa-search"></i> <i class="fas fa-search"></i>

28
styles.css
View File

@ -561,3 +561,31 @@ button:focus {
text-decoration: none; text-decoration: none;
transition: color 0.2s ease; transition: color 0.2s ease;
} }
.logo-container {
height: 50px;
width: 200px; /* Adjust this value to your preferred width */
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.nav-logo {
height: 100%;
width: 100%;
object-fit: cover; /* This will maintain aspect ratio while fitting within the container */
}
/* Adjust container size for mobile */
@media (max-width: 768px) {
.logo-container {
height: 40px;
width: 160px; /* Proportionally smaller for mobile */
}
.nav-content h1 {
width: auto;
text-align: left;
}
}