From 99c36ae54881b78315ff4ef11486943160566da6 Mon Sep 17 00:00:00 2001 From: LittleSheep Date: Thu, 10 Jul 2025 02:28:27 +0800 Subject: [PATCH] :lipstick: Optimized the authorized page style --- DysonNetwork.Sphere/Developer/CustomApp.cs | 4 +- .../Pages/Account/Profile.cshtml | 2 +- .../Pages/Auth/Authorize.cshtml | 42 ++++++++--------- .../Pages/Shared/_Layout.cshtml | 18 ++++++-- DysonNetwork.Sphere/wwwroot/css/styles.css | 46 +++++++++++++++++++ 5 files changed, 82 insertions(+), 30 deletions(-) diff --git a/DysonNetwork.Sphere/Developer/CustomApp.cs b/DysonNetwork.Sphere/Developer/CustomApp.cs index 6c5472c..d1aaaeb 100644 --- a/DysonNetwork.Sphere/Developer/CustomApp.cs +++ b/DysonNetwork.Sphere/Developer/CustomApp.cs @@ -38,14 +38,14 @@ public class CustomApp : ModelBase, IIdentifiedResource [NotMapped] public string ResourceIdentifier => "custom-app/" + Id; } -public class CustomAppLinks : ModelBase +public class CustomAppLinks { [MaxLength(8192)] public string? HomePage { get; set; } [MaxLength(8192)] public string? PrivacyPolicy { get; set; } [MaxLength(8192)] public string? TermsOfService { get; set; } } -public class CustomAppOauthConfig : ModelBase +public class CustomAppOauthConfig { [MaxLength(1024)] public string? ClientUri { get; set; } [MaxLength(4096)] public string[] RedirectUris { get; set; } = []; diff --git a/DysonNetwork.Sphere/Pages/Account/Profile.cshtml b/DysonNetwork.Sphere/Pages/Account/Profile.cshtml index 0f93334..86e6d6a 100644 --- a/DysonNetwork.Sphere/Pages/Account/Profile.cshtml +++ b/DysonNetwork.Sphere/Pages/Account/Profile.cshtml @@ -15,7 +15,7 @@ -
+
diff --git a/DysonNetwork.Sphere/Pages/Auth/Authorize.cshtml b/DysonNetwork.Sphere/Pages/Auth/Authorize.cshtml index 4d9fcff..3cc992a 100644 --- a/DysonNetwork.Sphere/Pages/Auth/Authorize.cshtml +++ b/DysonNetwork.Sphere/Pages/Auth/Authorize.cshtml @@ -4,9 +4,9 @@ ViewData["Title"] = "Authorize Application"; } -
+
-
+

Authorize Application

@@ -17,11 +17,19 @@ @if (!string.IsNullOrEmpty(Model.AppLogo)) {
-
+
@Model.AppName logo
} + else + { +
+
+ @Model.AppName?[..1].ToUpper() +
+
+ }

@Model.AppName

@if (!string.IsNullOrEmpty(Model.AppUri)) @@ -35,11 +43,11 @@
}

- wants to access your account with the following permissions: + When you authorize this application, you consent to the following permissions:

-
-
    +
    +
      @if (Model.Scope != null) { var scopeDescriptions = new Dictionary @@ -67,10 +75,6 @@ } }
    - -
    -

    By authorizing, you allow this application to access your information on your behalf.

    -
    @@ -81,19 +85,13 @@ - - - + + + -
    - - -
    - -
    -

    - You can change these permissions later in your account settings. -

    +
    + +
    diff --git a/DysonNetwork.Sphere/Pages/Shared/_Layout.cshtml b/DysonNetwork.Sphere/Pages/Shared/_Layout.cshtml index e484363..160b225 100644 --- a/DysonNetwork.Sphere/Pages/Shared/_Layout.cshtml +++ b/DysonNetwork.Sphere/Pages/Shared/_Layout.cshtml @@ -22,19 +22,27 @@ Solar Network
-
    +
      @if (Context.Request.Cookies.TryGetValue(AuthConstants.CookieTokenName, out _)) { -
    • Profile
      • -
    • +
    • + + account_circle + +
      • +
    • - +
      • } else { -
    • +
    • login
      • } diff --git a/DysonNetwork.Sphere/wwwroot/css/styles.css b/DysonNetwork.Sphere/wwwroot/css/styles.css index f20e8d0..f63eed1 100644 --- a/DysonNetwork.Sphere/wwwroot/css/styles.css +++ b/DysonNetwork.Sphere/wwwroot/css/styles.css @@ -930,6 +930,21 @@ } } } + .avatar-online { + &:before { + content: ""; + position: absolute; + z-index: 1; + display: block; + border-radius: calc(infinity * 1px); + background-color: var(--color-success); + outline: 2px solid var(--color-base-100); + width: 15%; + height: 15%; + top: 7%; + right: 7%; + } + } .steps { display: inline-grid; grid-auto-flow: column; @@ -1356,6 +1371,16 @@ .sticky { position: sticky; } + .tooltip-bottom { + > .tooltip-content, &[data-tip]:before { + transform: translateX(-50%) translateY(var(--tt-pos, -0.25rem)); + inset: var(--tt-off) auto auto 50%; + } + &:after { + transform: translateX(-50%) translateY(var(--tt-pos, -0.25rem)) rotate(180deg); + inset: var(--tt-tail) auto auto 50%; + } + } .top-0 { top: calc(var(--spacing) * 0); } @@ -1861,6 +1886,12 @@ .table { display: table; } + .btn-circle { + border-radius: calc(infinity * 1px); + padding-inline: calc(0.25rem * 0); + width: var(--size); + height: var(--size); + } .h-5 { height: calc(var(--spacing) * 5); } @@ -1972,6 +2003,9 @@ .gap-3 { gap: calc(var(--spacing) * 3); } + .gap-4 { + gap: calc(var(--spacing) * 4); + } .gap-6 { gap: calc(var(--spacing) * 6); } @@ -2003,6 +2037,18 @@ .overflow-x-auto { overflow-x: auto; } + .menu-sm { + :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title)) { + border-radius: var(--radius-field); + padding-inline: calc(0.25rem * 2.5); + padding-block: calc(0.25rem * 1); + font-size: 0.75rem; + } + .menu-title { + padding-inline: calc(0.25rem * 3); + padding-block: calc(0.25rem * 2); + } + } .rounded { border-radius: 0.25rem; }