Merge branch 'master' of https://github.com/BigCoke233/geek-death-project

Former-commit-id: f45282217dcd0aa1899ad3849f0f27ff7a6d9f06

1 files changed, 25 insertions, 6 deletions

diff --git a/assets/css/components/_post.scss b/assets/css/components/_post.scss
index 4497a7cc..4c05841a 100644
--- a/assets/css/components/_post.scss
+++ b/assets/css/components/_post.scss
@@ -59,18 +59,37 @@
 
         position: absolute;
         z-index: 5;
-        right: 1rem;
-        top: 1rem;
-        width: 5rem;
+        right: 0.25rem;
+        top: 0.25rem;
+        width: 3rem;
+        padding: 0.5rem;
+
+        @media screen and (min-width: 640px) {
+            right: 0.5rem;
+            top: 0.5rem;
+            width: 4rem;
+            padding: 1rem;
+        }
 
-        .title-image {
-            width: 100%;
+        @media screen and (min-width: 768px) {
+            width: 6rem;
+            left: calc(50vw + var(--page-width) / 2 - 7rem);
+            top: calc(var(--page-margin-y) - 2rem);
         }
 
         @media screen and (min-width: 768px) {
+            width: 6rem;
+            left: calc(50vw + var(--page-width) / 2 - 7rem);
+            top: calc(var(--page-margin-y) - 2rem);
+        }
+
+        @media screen and (min-width: 1200px) {
             width: 8rem;
             left: calc(50vw + var(--page-width) / 2 - 5rem);
-            top: calc(var(--page-margin-y) - 2rem);
+        }
+
+        .title-image {
+            width: 100%;
         }
     }
 }