Главная Обзор Помощь
Вход
clanker
/
clanker-saddle
1
0
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Просмотр исходного кода

Final tweaks

Billy Barrow 1 месяц назад
Родитель
a5fdb76bc3
Сommit
aa5ce85c06
3 измененных файлов с 17 добавлено и 19 удалено
Единый вид Показать статистику Diff
  1. 13 13
      src/pages/app.css
  2. 1 1
      src/pages/login.html
  3. 3 5
      src/pages/main.html

+ 13 - 13
src/pages/app.css
Просмотреть файл 

@@ -47,6 +47,16 @@ header {
 
 }
 
 }
 
 
 
 header h1 { font-size: 1.25rem; margin: 0; display: flex; align-items: center; gap: 0.5rem; }
 
 header h1 { font-size: 1.25rem; margin: 0; display: flex; align-items: center; gap: 0.5rem; }
 
+header h1 a,
 
+header h1 a:hover,
 
+header h1 a:active,
 
+header h1 a:visited {
 
+    color: inherit;
 
+    display: flex;
 
+    align-items: center;
 
+    gap: 0.5rem;
 
+    text-decoration: none;
 
+}
 
 header h1 .brand-emblem { height: 8rem; width: auto; margin-block: -0.2rem; }
 
 header h1 .brand-emblem { height: 8rem; width: auto; margin-block: -0.2rem; }
 
 header nav { display: flex; align-items: center; flex-wrap: wrap; gap: var(--grid-1); }
 
 header nav { display: flex; align-items: center; flex-wrap: wrap; gap: var(--grid-1); }
 
 
 
@@ -54,8 +64,7 @@ header nav { display: flex; align-items: center; flex-wrap: wrap; gap: var(--gri
 
 
 
 .nav-menu { display: inline-block; position: relative; }
 
 .nav-menu { display: inline-block; position: relative; }
 
 
 
-.nav-menu > summary,
 
-.nav-item {
 
+.nav-menu > summary {
 
     border-radius: 6px;
 
     border-radius: 6px;
 
     cursor: pointer;
 
     cursor: pointer;
 
     display: inline-flex;
 
     display: inline-flex;
 
@@ -77,8 +86,7 @@ header nav { display: flex; align-items: center; flex-wrap: wrap; gap: var(--gri
 
 }
 
 }
 
 
 
 .nav-menu > summary:hover,
 
 .nav-menu > summary:hover,
 
-.nav-menu[open] > summary,
 
-.nav-item:hover { background: var(--line-soft); }
 
+.nav-menu[open] > summary { background: var(--line-soft); }
 
 
 
 .nav-menu[open] > summary::after { transform: rotate(180deg); }
 
 .nav-menu[open] > summary::after { transform: rotate(180deg); }
 
 
 
@@ -136,14 +144,7 @@ header nav { display: flex; align-items: center; flex-wrap: wrap; gap: var(--gri
 
     display: flex;
 
     display: flex;
 
 }
 
 }
 
 
 
-.nav-auth {
 
-    align-items: baseline;
 
-    border-left: 1px solid var(--line);
 
-    display: inline-flex;
 
-    gap: var(--grid-1);
 
-    margin-left: var(--grid-1);
 
-    padding-left: var(--grid-2);
 
-}
 
+.nav-auth { display: inline-flex; gap: var(--grid-1); }
 
 
 
 main { padding: var(--grid-2) 0 var(--grid-4); }
 
 main { padding: var(--grid-2) 0 var(--grid-4); }
 
 
 
@@ -907,7 +908,6 @@ dialog#quote-comment-dialog blockquote {
 
 
 
 @media (max-width: 40rem) {
 
 @media (max-width: 40rem) {
 
     header { flex-direction: column; gap: var(--grid-1); }
 
     header { flex-direction: column; gap: var(--grid-1); }
 
-    .nav-auth { border-left: none; margin-left: 0; padding-left: 0; }
 
     .cards { grid-template-columns: 1fr; }
 
     .cards { grid-template-columns: 1fr; }
 
     .grid-2 { grid-template-columns: 1fr; }
 
     .grid-2 { grid-template-columns: 1fr; }
 
     th, td { padding: 0.4rem 0.5rem; font-size: 0.9rem; }
 
     th, td { padding: 0.4rem 0.5rem; font-size: 0.9rem; }

+ 1 - 1
src/pages/login.html
Просмотреть файл 

@@ -25,7 +25,7 @@
 
         <p stm-if="auth != null">Already signed in as <strong stm-text="auth.display_name">user</strong>.</p>
 
         <p stm-if="auth != null">Already signed in as <strong stm-text="auth.display_name">user</strong>.</p>
 
         <form stm-if="auth == null" stm-action="page.login" style="max-width: 24rem">
 
         <form stm-if="auth == null" stm-action="page.login" style="max-width: 24rem">
 
             <div class="form-row"><label for="login-username">Username</label>
 
             <div class="form-row"><label for="login-username">Username</label>
 
-                <input id="login-username" name="username" required autocomplete="username" autofocus></div>
 
+                <input id="login-username" type="text" name="username" required autocomplete="username" autofocus></div>
 
             <div class="form-row"><label for="login-password">Password</label>
 
             <div class="form-row"><label for="login-password">Password</label>
 
                 <input id="login-password" type="password" name="password" required autocomplete="current-password"></div>
 
                 <input id="login-password" type="password" name="password" required autocomplete="current-password"></div>
 
             <button type="submit">Log in</button>
 
             <button type="submit">Log in</button>

+ 3 - 5
src/pages/main.html
Просмотреть файл 

@@ -14,9 +14,8 @@
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
     <header>
 
     <header>
 
-        <h1><img class="brand-emblem" alt="" pstm-res-src="clanker-saddle-emblem.png">ClankerSaddle</h1>
 
-        <nav>
 
-            <a class="nav-item" href="/">Dashboard</a>
 
+        <h1><a href="/"><img class="brand-emblem" alt="" pstm-res-src="clanker-saddle-emblem.png">ClankerSaddle</a></h1>
 
+        <nav stm-if="auth != null">
 
             <!-- spry:nav-begin -->
 
             <!-- spry:nav-begin -->
 
             <details class="nav-menu" name="nav-menu">
 
             <details class="nav-menu" name="nav-menu">
 
                 <summary>Work</summary>
 
                 <summary>Work</summary>
 
@@ -44,7 +43,7 @@
 
                 </div>
 
                 </div>
 
             </details>
 
             </details>
 
             <!-- spry:nav-end -->
 
             <!-- spry:nav-end -->
 
-            <span stm-if="auth != null" class="nav-auth">
 
+            <span class="nav-auth">
 
                 <details class="nav-menu" name="nav-menu">
 
                 <details class="nav-menu" name="nav-menu">
 
                     <summary>Account</summary>
 
                     <summary>Account</summary>
 
                     <div class="nav-dropdown">
 
                     <div class="nav-dropdown">
 
@@ -56,7 +55,6 @@
 
                 <!-- spry:nav-auth-begin -->
 
                 <!-- spry:nav-auth-begin -->
 
                 <!-- spry:nav-auth-end -->
 
                 <!-- spry:nav-auth-end -->
 
             </span>
 
             </span>
 
-            <a class="nav-item" stm-if="auth == null" href="/login">Log in</a>
 
         </nav>
 
         </nav>
 
     </header>
 
     </header>
 
     <main>
 
     <main>