bit-badger/myWebLog
1
0
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases 11 Activity

Tweak admin styles

Browse Source
This commit is contained in:
Daniel J. Summers 2022-05-19 22:15:47 -04:00
parent a0f3d01e22
commit dc24da8ed7
2 changed files with 30 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/MyWebLog/themes/admin/layout.liquid
View File

@ -10,7 +10,7 @@
</head> </head>
<body> <body>
<header> <header>
<nav class="navbar navbar-dark bg-dark navbar-expand-md justify-content-start px-2"> <nav class="navbar navbar-dark bg-dark navbar-expand-md justify-content-start px-2 position-fixed top-0 w-100">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="/">{{ web_log.name }}</a> <a class="navbar-brand" href="/">{{ web_log.name }}</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText"
@ -55,10 +55,10 @@
{% endif %} {% endif %}
{{ content }} {{ content }}
</main> </main>
<footer> <footer class="position-fixed bottom-0 w-100">
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-xs-12 text-end"><img src="/img/logo-light.png" alt="myWebLog"></div> <div class="col-xs-12 text-end"><img src="/img/logo-light.png" alt="myWebLog" width="120" height="34"></div>
</div> </div>
</div> </div>
</footer> </footer>

28
src/MyWebLog/wwwroot/themes/admin/admin.css
View File

@ -1,4 +1,30 @@
footer { :root {
--dark-gray: #212529;
}
html {
background-color: var(--dark-gray);
}
body {
scrollbar-width: thin;
scrollbar-color: var(--dark-gray) gray;
padding-top: 3rem;
padding-bottom: 2rem;
}
body::-webkit-scrollbar {
width: 12px;
}
body::-webkit-scrollbar-track {
background: gray;
}
body::-webkit-scrollbar-thumb {
background-color: var(--dark-gray);
border-radius: 20px;
border: 3px solid gray;
}
header nav {
z-index: 9;
}
footer {
background-color: #808080; background-color: #808080;
border-top: solid 1px black; border-top: solid 1px black;
color: white; color: white;