refactoring #17775

modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml

@@ -391,25 +391,32 @@
                             
                             @if (Model.DocumentNavigationsDto.HasValues)
                             {
-                                <hr/>
+                                <hr class="my-4"/>
-                                <div class="navigation">
+                                
-                                    @if (Model.DocumentNavigationsDto.HasPrevious)
+                                <div class="row navigation">
-                                    {
+                                    <div class="col-6">
-                                        <a class="prev-link" href="@Model.CreateDocumentLink(Model.DocumentNavigationsDto.Previous.Path)">
+                                        @if (Model.DocumentNavigationsDto.HasPrevious)
-                                            <span class="desc">
+                                        {
-                                                <i class="fa fa-chevron-left"></i>
+                                            <a class="prev-link" href="@Model.CreateDocumentLink(Model.DocumentNavigationsDto.Previous.Path)">
-                                                @L["Previous"]
+                                                <span class="desc d-block">
-                                            </span>
+                                                    <i class="fa fa-chevron-left"></i>
-                                            <span class="title">@Model.DocumentNavigationsDto.Previous.Name</span>
+                                                    @L["Previous"]
-                                        </a>
+                                                </span>
-                                    }
+                                                <span class="title d-block">@Model.DocumentNavigationsDto.Previous.Name</span>
-                                    @if (Model.DocumentNavigationsDto.HasNext)
+                                            </a>
-                                    {
+                                        }
-                                        <a class="next-link" href="@Model.CreateDocumentLink(Model.DocumentNavigationsDto.Next.Path)">
+                                    </div>
-                                            <span class="desc">@L["Next"]  <i class="fa fa-chevron-right"></i></span>
+                                    <div class="col-6">
-                                            <span class="title">@Model.DocumentNavigationsDto.Next.Name</span>
+                                        @if (Model.DocumentNavigationsDto.HasNext)
-                                        </a>
+                                        {
-                                    }
+                                            <a class="next-link text-end" href="@Model.CreateDocumentLink(Model.DocumentNavigationsDto.Next.Path)">
+                                                <span class="desc d-block">
+                                                    @L["Next"] <i class="fa fa-chevron-right"></i>
+                                                </span>
+                                                <span class="title d-block">@Model.DocumentNavigationsDto.Next.Name</span>
+                                            </a>
+                                        }
+                                    </div>
                                 </div>
                             }
                         </article>

modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["index.scss"],"names":[],"mappings":"AACI;EACI;EACA;EACA;;;AAKJ;EACI;;;AAIR;EACI;EACA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAIR;EACI;EACA","file":"Index.css"}
+{"version":3,"sourceRoot":"","sources":["index.scss"],"names":[],"mappings":"AACI;EACI;EACA;EACA;;;AAKJ;EACI;;;AAMA;EACI;;AACA;EACI;;AAGR;EACI;EACA;EACA","file":"Index.css"}

modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.min.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["index.scss"],"names":[],"mappings":"AACI,8BACI,4BACA,4CACA,uBAKJ,+BACI,0CAIR,YACI,aACA,8BAEA,8CACI,qBACA,cAEA,0DACI,eACA,cACA,cAGJ,4DACI,gBACA,eACA,cAIR,uBACI,iBACA","file":"Index.min.css"}
+{"version":3,"sourceRoot":"","sources":["index.scss"],"names":[],"mappings":"AACI,8BACI,4BACA,4CACA,uBAKJ,+BACI,0CAMA,0DACI,cACA,kEACI,eAGR,4DACI,gBACA,eACA","file":"Index.min.css"}

modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/index.css

@@ -8,27 +8,16 @@
   background-color: transparent !important;
 }
 
-.navigation {
-  display: flex;
-  justify-content: space-between;
-}
-.navigation .next-link, .navigation .prev-link {
-  display: inline-block;
-  max-width: 48%;
-}
 .navigation .next-link .desc, .navigation .prev-link .desc {
-  font-size: 16px;
   color: #0D6EFD;
-  display: block;
+}
+.navigation .next-link .desc .fa, .navigation .prev-link .desc .fa {
+  font-size: 12px;
 }
 .navigation .next-link .title, .navigation .prev-link .title {
   font-weight: 600;
   font-size: 18px;
   color: #0B1621;
 }
-.navigation .next-link {
-  margin-left: auto;
-  text-align: right;
-}
 
 /*# sourceMappingURL=Index.css.map */

modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/index.min.css

@@ -1 +1 @@
-.code-toolbar .line-highlight{margin-top:1.5em !important;background:rgba(233,237,241,.34) !important;padding:1px !important}.input-group .input-group-text{background-color:rgba(0,0,0,0) !important}.navigation{display:flex;justify-content:space-between}.navigation .next-link,.navigation .prev-link{display:inline-block;max-width:48%}.navigation .next-link .desc,.navigation .prev-link .desc{font-size:16px;color:#0d6efd;display:block}.navigation .next-link .title,.navigation .prev-link .title{font-weight:600;font-size:18px;color:#0b1621}.navigation .next-link{margin-left:auto;text-align:right}/*# sourceMappingURL=Index.min.css.map */
+.code-toolbar .line-highlight{margin-top:1.5em !important;background:rgba(233,237,241,.34) !important;padding:1px !important}.input-group .input-group-text{background-color:rgba(0,0,0,0) !important}.navigation .next-link .desc,.navigation .prev-link .desc{color:#0d6efd}.navigation .next-link .desc .fa,.navigation .prev-link .desc .fa{font-size:12px}.navigation .next-link .title,.navigation .prev-link .title{font-weight:600;font-size:18px;color:#0b1621}/*# sourceMappingURL=Index.min.css.map */

modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/index.scss

@@ -13,28 +13,17 @@
 }
 
 .navigation {
-    display: flex;
-    justify-content: space-between;
-
     .next-link, .prev-link {
-        display: inline-block;
-        max-width: 48%;
-
         .desc {
-            font-size: 16px;
             color: #0D6EFD;
-            display: block;
+            .fa{
+                font-size: 12px;
+            }
         }
-
         .title {
             font-weight: 600;
             font-size: 18px;
             color: #0B1621;
         }
     }
-
-    .next-link {
-        margin-left: auto;
-        text-align: right;
-    }
 }