fix: 按钮样式和讨论区高度的调整

src/components/Icon.vue

@@ -28,7 +28,7 @@ export default {
   font-family: 'iconfont', sans-serif;
   font-size: 0;
   color: $icon-normal-color;
-  transition: box-shadow 0.25s, all 0.1s;
+  transition: box-shadow 0.25s, all 0.2s;
 
   & > span {
     font-size: 24px;
@@ -42,7 +42,7 @@ export default {
 
   &:active {
     color: darken($icon-hover-color, 10);
-    background: white;
+    background: lighten($icon-hover-color, 27);
     box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
   }
 }

src/views/reader/PdfReader.vue

@@ -23,6 +23,24 @@
       <p><b>是的减肥还是看见很多风景开始是</b></p>
       <p>是的减收到发史蒂夫史蒂夫史蒂夫史蒂夫肥还是看见史蒂夫史蒂夫说方式方式很多风景开始是</p>
       <br>
+      <p><b>是的减肥还是看见很多风景开始是</b></p>
+      <p>是的减收到发史蒂夫史蒂夫史蒂夫史蒂夫肥还是看见史蒂夫史蒂夫说方式方式很多风景开始是</p>
+      <br>
+      <p><b>是的减肥还是看见很多风景开始是</b></p>
+      <p>是的减收到发史蒂夫史蒂夫史蒂夫史蒂夫肥还是看见史蒂夫史蒂夫说方式方式很多风景开始是</p>
+      <br>
+      <p><b>是的减肥还是看见很多风景开始是</b></p>
+      <p>是的减收到发史蒂夫史蒂夫史蒂夫史蒂夫肥还是看见史蒂夫史蒂夫说方式方式很多风景开始是</p>
+      <br>
+      <p><b>是的减肥还是看见很多风景开始是</b></p>
+      <p>是的减收到发史蒂夫史蒂夫史蒂夫史蒂夫肥还是看见史蒂夫史蒂夫说方式方式很多风景开始是</p>
+      <br>
+      <p><b>是的减肥还是看见很多风景开始是</b></p>
+      <p>是的减收到发史蒂夫史蒂夫史蒂夫史蒂夫肥还是看见史蒂夫史蒂夫说方式方式很多风景开始是</p>
+      <br>
+      <p><b>是的减肥还是看见很多风景开始是</b></p>
+      <p>是的减收到发史蒂夫史蒂夫史蒂夫史蒂夫肥还是看见史蒂夫史蒂夫说方式方式很多风景开始是</p>
+      <br>
     </div>
   </div>
 </template>
@@ -73,9 +91,9 @@ export default {
 @media (min-width: 1000px) {
   .discussion-wrapper {
     margin-top: unset;
-    max-height: 90vh;
-    height: calc(15vh + 30vw);
+    max-height: 80vh;
     max-width: 600px;
+    padding: 0 40px;
   }
   .pdf-reader {
     padding: 5vh 24px;