v0.1.14 관리자 버튼 및 태그 칩 수정

assets/built/screen.css

@@ -92,8 +92,6 @@ input {
     min-height: calc(100vh - var(--topbar-height));
     width: min(100%, var(--shell-width));
     margin: 0 auto;
-    border-left: 1px solid var(--border);
-    border-right: 1px solid var(--border);
     transition: grid-template-columns 0.28s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
@@ -203,7 +201,7 @@ body.left-sidebar-collapsed .sidebar--left {
 
 .menu-group .nav {
     margin: 0;
-    padding: 0;
+    padding: 2px 0 0;
     list-style: none;
 }
 
@@ -366,38 +364,56 @@ body.left-sidebar-collapsed .sidebar--left {
     align-items: center;
     gap: 10px;
     min-width: 0;
-    padding: 6px 0;
+    padding: 8px 12px 8px 0;
-    border-radius: 12px;
+    border-radius: 14px;
-    transition: color 0.2s ease, transform 0.2s ease;
+    transition: background-color 0.22s ease, color 0.2s ease, transform 0.2s ease;
     font-size: 14px;
     font-weight: 600;
     letter-spacing: -0.01em;
 }
 
-.category-chip:hover,
+.category-chip:hover {
+    background: var(--surface-muted);
+    transform: translateX(1px);
+}
+
 .author-list__item:hover,
 .recommended-list a:hover {
     background: transparent;
 }
 
-.category-chip:hover {
-    transform: translateX(1px);
-}
-
 .category-chip__dot {
     width: 5px;
     height: 19px;
     border-radius: 999px;
     background: var(--tag-accent, linear-gradient(135deg, #5d66ff, #29b6f6));
+    transition: width 0.22s ease, height 0.22s ease, border-radius 0.22s ease, margin 0.22s ease;
 }
 
 .category-chip__label {
+    flex: 1;
     min-width: 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 
+.category-chip__count {
+    flex: 0 0 auto;
+    min-width: 14px;
+    text-align: right;
+    font-size: 13px;
+    font-weight: 700;
+    color: var(--text);
+}
+
+.category-chip:hover .category-chip__dot {
+    width: 14px;
+    height: 14px;
+    border-radius: 999px;
+    margin-left: 4px;
+}
+
 .author-list {
     display: grid;
     gap: 10px;
@@ -490,8 +506,8 @@ body.left-sidebar-collapsed .sidebar--left {
 }
 
 .topbar__sidebar-toggle-icon {
-    width: 18px;
+    width: 24px;
-    height: 18px;
+    height: 24px;
     display: block;
 }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ghost-theme-thred-clone",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "private": true,
   "description": "A Ghost theme inspired by the Thred reference layout.",
   "keywords": [
@@ -67,6 +67,10 @@
       "footer_quaternary_url": {
         "type": "text",
         "default": "/"
+      },
+      "show_admin_link": {
+        "type": "boolean",
+        "default": false
       }
     }
   },

partials/site/sidebar-left.hbs

@@ -92,6 +92,7 @@
                         <a class="category-chip" href="{{url}}"{{#if accent_color}} style="--tag-accent: {{accent_color}};"{{/if}}>
                             <span class="category-chip__dot"></span>
                             <span class="category-chip__label">{{name}}</span>
+                            <span class="category-chip__count">{{count.posts}}</span>
                         </a>
                     {{/foreach}}
                 {{/get}}

partials/site/topbar.hbs

@@ -17,12 +17,9 @@
     </div>
     <div class="topbar__actions">
         <button class="icon-button icon-button--search-mobile" type="button" data-search-open aria-label="Open search">⌕</button>
-        {{#if @member}}
+        {{#if @custom.show_admin_link}}
-            <a class="button button--accent" href="#/portal/account">Account</a>
+            <a class="button button--accent" href="/ghost/">Admin</a>
-            <a class="icon-button icon-button--profile" href="#/portal/account" aria-label="Account"><span></span></a>
+            <a class="icon-button icon-button--profile" href="/ghost/" aria-label="Ghost admin"><span></span></a>
-        {{else}}
-            <a class="button button--accent" href="#/portal/signup">Buy {{@site.title}}</a>
-            <a class="icon-button icon-button--profile" href="#/portal/signin" aria-label="Sign in"><span></span></a>
         {{/if}}
     </div>
 </header>