joachim/FileRise
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Decreased header size some more and clickable logo

Browse Source
This commit is contained in:
Ryan
2025-04-13 02:52:14 -04:00
committed by GitHub
parent b8ae3c4402
commit 25edab923a
3 changed files with 74 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
CHANGELOG.md
View File

@@ -1,5 +1,9 @@
# Changelog # Changelog
## Changes 4//13/2025
- Decreased header height some more and clickable logo.
## Changes 4/12/2025 ## Changes 4/12/2025
- Moved Gallery view toggle button into header. - Moved Gallery view toggle button into header.

22
css/styles.css
View File

@@ -32,8 +32,8 @@ body {
@media (min-width: 1300px) { @media (min-width: 1300px) {
.container-fluid { .container-fluid {
padding-left: 40px !important; padding-left: 30px !important;
padding-right: 40px !important; padding-right: 30px !important;
} }
} }
@@ -69,7 +69,7 @@ body {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
height: 65px; height: 55px;
padding: 10px 20px; padding: 10px 20px;
background-color: #2196F3; background-color: #2196F3;
transition: background-color 0.3s ease; transition: background-color 0.3s ease;
@@ -82,28 +82,16 @@ body.dark-mode .header-container {
} }
.header-logo { .header-logo {
max-height: 60px; max-height: 50px;
width: auto; width: auto;
display: block; display: block;
} }
.header-logo svg { .header-logo svg {
height: 60px; height: 50px;
width: auto; width: auto;
} }
header {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 80px;
padding: 0 20px;
background-color: #2196F3;
transition: background-color 0.3s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
body.dark-mode header { body.dark-mode header {
background-color: #1f1f1f; background-color: #1f1f1f;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.7); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);

2
index.html
View File

@@ -50,6 +50,7 @@
<body> <body>
<header class="header-container"> <header class="header-container">
<div class="header-left"> <div class="header-left">
<a href="index.html">
<div class="header-logo"> <div class="header-logo">
<svg version="1.1" id="filingCabinetLogo" xmlns="http://www.w3.org/2000/svg" <svg version="1.1" id="filingCabinetLogo" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64 64" xml:space="preserve"> xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64 64" xml:space="preserve">
@@ -113,6 +114,7 @@
</g> </g>
</svg> </svg>
</div> </div>
</a>
</div> </div>
<div class="header-title"> <div class="header-title">
<h1 data-i18n-key="header_title">FileRise</h1> <h1 data-i18n-key="header_title">FileRise</h1>