Fix wide screens

Source/DotnetNewUI/Frontend/src/assets/style/dom/_body.scss

@@ -2,6 +2,7 @@ body {
   background-image: url("/public/static/images/anniversary-bg.png"),
     linear-gradient(90deg, #190649 95%, #a62dd8 5%);
   background-position-x: 38%;
+  background-repeat: repeat-y;
   // color: var(--global-body-color);
   font-family: "Segoe UI", Helvetica, Arial, sans-serif;
   // font-weight: var(--global-font-weight-normal);
@@ -12,3 +13,11 @@ body {
   //   border-color var(--global-duration-3) ease-out,
   //   color var(--global-duration-3) ease-out;
 }
+
+@media screen and (min-width: 2000px) {
+  body {
+    background-image: url("/public/static/images/anniversary-bg.png"),
+      linear-gradient(90deg, #190649 85%, #a62dd8 15%);
+    background-position-x: 65%;
+  }
+}

Source/DotnetNewUI/Frontend/src/assets/style/nprogress.scss

@@ -1,18 +1,22 @@
 #nprogress .bar {
-  background: #fff !important;
+  background: linear-gradient(
+    90.05deg,
+    #f65163 42.42%,
+    #ffbe46 106.66%
+  ) !important;
   height: 3px !important;
   margin-top: 1px;
 }
 
 #nprogress .peg {
-  box-shadow: 0 0 10px #fff, 0 0 5px #fff !important;
+  box-shadow: 0 0 10px #f65163, 0 0 5px #ffbe46 !important;
 }
 
 #nprogress .spinner-icon {
   width: 25px !important;
   height: 25px !important;
 
   border: solid 3px transparent !important;
-  border-top-color: #fff !important;
-  border-left-color: #fff !important;
+  border-top-color: #f65163 !important;
+  border-left-color: #ffbe46 !important;
 }

Source/DotnetNewUI/Frontend/src/components/Footer.vue

@@ -29,6 +29,7 @@ export default defineComponent({
 .footer {
   display: flex;
   justify-content: center;
+  flex-wrap: wrap;
   gap: 20px;
 
   padding: 20px;