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

add a nice touch to logo

Browse Source
This commit is contained in:
Yeghro 2025-01-25 01:19:07 -08:00
parent f858da8ff9
commit ccd152bb05
2 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
index.html
View File

@ -30,7 +30,8 @@
<div class="nav-content"> <div class="nav-content">
<h1> <h1>
<div class="logo-container"> <div class="logo-container">
<img src="Logo.png" alt="Nostr.net Logo" class="nav-logo"> <img src="Logo.png" alt="Nostr Logo" class="nav-logo">
<span class="logo-text">.NET</span>
</div> </div>
</h1> </h1>
<div class="search-box"> <div class="search-box">

22
styles.css
View File

@ -564,29 +564,33 @@ button:focus {
.logo-container { .logo-container {
height: 50px; height: 50px;
width: 200px; /* Adjust this value to your preferred width */ width: 200px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; gap: 4px;
overflow: hidden;
} }
.nav-logo { .nav-logo {
height: 100%; height: 100%;
width: 100%; width: auto;
object-fit: cover; /* This will maintain aspect ratio while fitting within the container */ object-fit: contain;
}
.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; /* Proportionally smaller for mobile */ width: 160px;
} }
.nav-content h1 { .logo-text {
width: auto; font-size: 1rem;
text-align: left;
} }
} }