style: post panel

razonyang · Jan 29, 2023 · d2eddc1 · d2eddc1
1 parent 018ba2e
commit d2eddc1
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/assets/main/scss/post/_panel.scss b/assets/main/scss/post/_panel.scss
@@ -2,7 +2,12 @@
   z-index: 1;
 
   .post-panel {
-    bottom: 64px;
+    bottom: 80px;
+    opacity: 0.8;
+
+    &:hover {
+      opacity: 1;
+    }
 
     .action {
       margin: 0 0.25rem;

diff --git a/layouts/partials/post/panel.html b/layouts/partials/post/panel.html
@@ -1,6 +1,6 @@
 {{- if default true .Site.Params.post.panel -}}
 <div class="post-panel-wrapper position-relative d-flex justify-content-center">
-  <div class="d-flex flex-row justify-content-center rounded rounded-5 post-panel position-fixed px-3 py-1 surface shadow">
+  <div class="d-flex flex-row justify-content-center rounded rounded-5 border border-primary post-panel position-fixed px-3 py-1 surface shadow">
     {{ partial "hooks/post-panel-begin" . }}
     {{ partial "post/panel/translations" . }}
     {{ partial "post/panel/reward" . }}