refactor: 增加响应式

Author: ArgoZhang

src/components/BootstrapBlazor.PdfReader/PdfReader.razor

@@ -8,7 +8,7 @@
         <div class="bb-view-toolbar init">
             <div class="bb-view-title">
                 <div class="bb-view-icon bb-view-bar"><i class="fa-solid fa-bars"></i></div>
-                <span class="bb-view-subject">@_docTitle</span>
+                <span class="bb-view-subject d-none d-sm-block">@_docTitle</span>
             </div>
             <div class="@ViewBodyString">
                 <input type="text" class="bb-view-num" @bind="CurrentPageString" /><span class="bb-view-slash">/</span><div class="bb-view-pagesCount"></div>

src/components/BootstrapBlazor.PdfReader/PdfReader.razor.css

@@ -43,10 +43,6 @@
         color: #6c757d;
     }
 
-.bb-view-bar {
-    margin-inline-end: 2rem;
-}
-
 .bb-view-subject {
     white-space: nowrap;
     display: block;
@@ -60,8 +56,10 @@
     min-width: 0;
     width: 1%;
     display: flex;
+    flex-wrap: nowrap;
     align-items: center;
     justify-content: center;
+    overflow: hidden;
 }
 
     .bb-view-body.fit-page .bb-view-fit-page {