Klagarge/Melies
Klagarge/Melies
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

feat: unify header bars and navigation

Browse Source
This commit is contained in:
Louis Heredero 2025-05-12 15:46:52 +02:00
parent 7061f8d64c
commit 958a55ff17
Signed by: HEL
GPG Key ID: 8D83DE470F8544E7
7 changed files with 51 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/public/conversion/index.html
View File

@ -10,7 +10,8 @@
<script src="/static/js/conversion.js"></script> <script src="/static/js/conversion.js"></script>
</head> </head>
<body> <body>
<header> <header id="header">
<a href="/"><img class="logo" src="/static/images/icon3.svg"></a>
<h1>Media Conversion</h1> <h1>Media Conversion</h1>
</header> </header>
<main> <main>

4
src/public/index.html
View File

@ -10,8 +10,8 @@
<script src="/static/js/index.js"></script> <script src="/static/js/index.js"></script>
</head> </head>
<body> <body>
<header> <header id="header">
<img src="/static/images/icon3.svg"> <a href="/"><img class="logo" src="/static/images/icon3.svg"></a>
<h1>Melies</h1> <h1>Melies</h1>
</header> </header>
<main> <main>

4
src/public/metadata/edit/index.html
View File

@ -14,6 +14,10 @@
<img src="/static/images/improve.svg"> <img src="/static/images/improve.svg">
<img class="clicked" src="/static/images/improve_clicked.svg"> <img class="clicked" src="/static/images/improve_clicked.svg">
</button> </button>
<header id="header">
<a href="/"><img class="logo" src="/static/images/icon3.svg"></a>
<h1>Metadata Editor</h1>
</header>
<header id="toolbar"> <header id="toolbar">
<a href="/metadata/">Back</a> <a href="/metadata/">Back</a>
<button id="check-integrity">Check integrity</button> <button id="check-integrity">Check integrity</button>

3
src/public/metadata/index.html
View File

@ -10,7 +10,8 @@
<script src="/static/js/metadata.js"></script> <script src="/static/js/metadata.js"></script>
</head> </head>
<body> <body>
<header> <header id="header">
<a href="/"><img class="logo" src="/static/images/icon3.svg"></a>
<h1>Metadata Editor</h1> <h1>Metadata Editor</h1>
</header> </header>
<main> <main>

32
src/public/static/css/base.css
View File

@ -1,3 +1,13 @@
@keyframes moon-pulse {
from {
filter: drop-shadow(0px 0px 0px #e7d7a8);
}
to {
filter: drop-shadow(0px 0px 12px white);
}
}
* { * {
margin: 0; margin: 0;
box-sizing: border-box; box-sizing: border-box;
@ -29,19 +39,17 @@ header {
gap: 0.8em; gap: 0.8em;
color: white; color: white;
a, button { &#header {
padding: 0.4em 0.8em; align-items: center;
border: none;
color: black;
background-color: #e4e4e4;
font-size: inherit;
font-family: inherit;
text-decoration: none;
border-radius: 0.2em;
cursor: pointer;
&:hover { img.logo {
background-color: #dbdbdb; width: 4em;
height: 4em;
object-fit: contain;
&:hover {
animation: moon-pulse 2s alternate infinite linear;
}
} }
} }
} }

21
src/public/static/css/edit.css
View File

@ -4,6 +4,27 @@ main {
gap: 1.2em; gap: 1.2em;
} }
header#toolbar {
padding: 0.8em;
background-color: #4b4b4b;
a, button {
padding: 0.4em 0.8em;
border: none;
color: black;
background-color: #e4e4e4;
font-size: inherit;
font-family: inherit;
text-decoration: none;
border-radius: 0.2em;
cursor: pointer;
&:hover {
background-color: #dbdbdb;
}
}
}
#toggle-notifs { #toggle-notifs {
margin-left: auto; margin-left: auto;
} }

9
src/public/static/css/index.css
View File

@ -1,12 +1,3 @@
header {
align-items: center;
img {
width: 4em;
height: 4em;
object-fit: contain;
}
}
#pages { #pages {
display: grid; display: grid;
max-width: calc(max(50%, 20em)); max-width: calc(max(50%, 20em));