anchor theme toggle to top-right of viewport

This commit is contained in:
Michael Pilosov 2026-04-22 11:14:16 -06:00
parent 7039b39d9d
commit f07fa567d0
3 changed files with 7 additions and 4 deletions

View File

@ -1079,14 +1079,17 @@ button.submit:disabled { background: var(--faint); border-color: var(--faint); c
.masthead-link:hover { border-bottom-color: var(--accent); } .masthead-link:hover { border-bottom-color: var(--accent); }
.theme-toggle { .theme-toggle {
position: fixed;
top: 0.6rem;
right: 0.8rem;
z-index: 50;
background: transparent; background: transparent;
border: 0; border: 0;
color: var(--mute); color: var(--mute);
font-size: 1.05rem; font-size: 1.05rem;
line-height: 1; line-height: 1;
cursor: pointer; cursor: pointer;
padding: 0 0 0 0.55rem; padding: 0.25rem 0.35rem;
vertical-align: middle;
transition: color 120ms ease, transform 240ms ease; transition: color 120ms ease, transform 240ms ease;
user-select: none; user-select: none;
} }

View File

@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" /> <meta name="viewport" content="width=device-width,initial-scale=1" />
<title>embedding notebook</title> <title>embedding notebook</title>
<link rel="stylesheet" href="/static/style.css?v=14" /> <link rel="stylesheet" href="/static/style.css?v=15" />
<script src="https://unpkg.com/htmx.org@2.0.4"></script> <script src="https://unpkg.com/htmx.org@2.0.4"></script>
<script type="importmap"> <script type="importmap">
{ {

View File

@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" /> <meta name="viewport" content="width=device-width,initial-scale=1" />
<title>embedding notebook · metrics</title> <title>embedding notebook · metrics</title>
<link rel="stylesheet" href="/static/style.css?v=14" /> <link rel="stylesheet" href="/static/style.css?v=15" />
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3' fill='%231f4e5f'/%3E%3C/svg%3E" /> <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3' fill='%231f4e5f'/%3E%3C/svg%3E" />
<script> <script>
(function(){try{ (function(){try{