diff --git a/Source/DotnetNewUI/Frontend/src/assets/style/dom/_body.scss b/Source/DotnetNewUI/Frontend/src/assets/style/dom/_body.scss index a6485ce..dd5d798 100644 --- a/Source/DotnetNewUI/Frontend/src/assets/style/dom/_body.scss +++ b/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%; + } +} diff --git a/Source/DotnetNewUI/Frontend/src/assets/style/nprogress.scss b/Source/DotnetNewUI/Frontend/src/assets/style/nprogress.scss index 7c2b118..feaa6e0 100644 --- a/Source/DotnetNewUI/Frontend/src/assets/style/nprogress.scss +++ b/Source/DotnetNewUI/Frontend/src/assets/style/nprogress.scss @@ -1,11 +1,15 @@ #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 { @@ -13,6 +17,6 @@ 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; } diff --git a/Source/DotnetNewUI/Frontend/src/components/Footer.vue b/Source/DotnetNewUI/Frontend/src/components/Footer.vue index 303b2f6..d905751 100644 --- a/Source/DotnetNewUI/Frontend/src/components/Footer.vue +++ b/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;