DGNum/Stirling-PDF
14
0
Fork 0
Code Issues 4 Pull requests 1 Projects Releases Packages Wiki Activity

messy code pretty icon

Browse source
This commit is contained in:
Anthony Stirling 2023-04-21 18:03:36 +01:00
parent 1958c34bcb
commit 0eed041986
1 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/main/resources/templates/fragments/navbar.html
View file

@ -75,6 +75,13 @@ function compareVersions(version1, version2) {
</script> </script>
<style> <style>
.main-icon {
width: 36px;
height: 36px;
vertical-align: middle;
transform: translateY(-2px);
}
.icon { .icon {
width: 16px; width: 16px;
height: 16px; height: 16px;
@ -110,6 +117,7 @@ function compareVersions(version1, version2) {
#dark-mode-icon { #dark-mode-icon {
width: 20px; width: 20px;
height: 20px; height: 20px;
transform: translateY(-2px);
} }
</style> </style>
@ -117,8 +125,12 @@ function compareVersions(version1, version2) {
<nav class="navbar navbar-expand-lg navbar-light bg-light"> <nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container "> <div class="container ">
<a class="navbar-brand" href="#" th:href="@{/}" th:text="${@navBarText}"></a> <a class="navbar-brand" href="#" th:href="@{/}" >
<img class="main-icon" src="favicon.svg" alt="Page Operations Icon">
<span class="icon-text" th:text="${@navBarText}"></span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>