调整界面

templates/list.html

@@ -5,7 +5,7 @@
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
   <link rel="icon" type="image/png" href="/img/ord/icon-128.png" />
-  <link href="https://fonts.loli.net/css2?family=Noto+Serif+SC:wght@300&display=swap" rel="stylesheet">
+  <link href="https://fonts.loli.net/css2?family=Noto+Serif+SC:wght@300;700&display=swap" rel="stylesheet">
   <link href="https://fonts.loli.net/css2?family=Noto+Sans+SC&display=swap" rel="stylesheet">
   <meta property="og:title" content="华清特奖报名" />
   <meta property="og:description" content="华清大学特普通奖学金" />
@@ -26,8 +26,14 @@
     h3,
     h4,
     h5,
-    h6 {
+    h6,
+    .sort-by{
       font-family: 'Noto Serif SC', serif;
+      font-weight: 300;
+    }
+
+    .sort-by b {
+      font-weight: 700;
     }
 
     a,
@@ -87,7 +93,7 @@
     }
 
     .qbox .inner {
-      margin: 15px 0 0 15px;
+      margin: 15px 0 20px 15px;
       white-space: pre-wrap;
     }
 
@@ -212,14 +218,14 @@
 
     </div>
 
-    <div class="part2">
+    <div class="part2" id="part2">
       <div style="display:flex;justify-content:space-between;align-items: flex-end">
       <h1>已有报名</h1>
-      <span style="margin:8px">
+      <span style="margin:8px" class="sort-by">
         {% if sort_by == 'likeNum' %}
-        <a href="?sort_by=time">按时间</a> | <b>按赞数</b>
+        <a href="?sort_by=time#part2">按时间</a> | <b>按赞数</b>
         {% else %}
-        <b>按时间</b> | <a href="?sort_by=likeNum">按赞数</a>
+        <b>按时间</b> | <a href="?sort_by=likeNum#part2">按赞数</a>
         {% endif %}
       </span>
       </div>
@@ -324,7 +330,7 @@
         if (result.replies.length) {
           $(self).empty();
           result.replies.forEach((rp) => {
-            $(self).append(`<div class="card card-body"><p class="display_name"><a href="${rp.url}">${rp.disp}</a>:</p><pre>${rp.content}</pre><time class="timeago" datetime="${rp.time}"></time></div>`)
+            $(self).append(`<div class="card card-body"><p class="display_name"><a href="${rp.url}">${rp.disp}</a>:</p><pre class="inner">${rp.content}</pre><time class="timeago" datetime="${rp.time}"></time></div>`)
           });
           $(self).find('.timeago').timeago();
         } else {