Skip to content

N
Neos
Commit 1fb49b1d authored by Chunchi Che's avatar Chunchi Che
Browse files
Options

adjust match css

parent 05bee24c
Pipeline #23540 passed with stages
            in 22 minutes and 13 seconds
            Show whitespace changes
            Inline Side-by-side
            Showing with 17 additions and 18 deletions
            src/styles/core.scss
            View file @ 1fb49b1d
            ...@@ -17,10 +17,9 @@ body { ...@@ -17,10 +17,9 @@ body {
            color-scheme: dark; color-scheme: dark;
            color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
            background: #0f131e; background: #0f131e;
            font-size: 14px;
            display: flex; display: flex;
            margin: 0; margin: 0;
            min-width: 320px; min-width: 20rem;
            position: fixed; position: fixed;
            top: 0; top: 0;
            bottom: 0; bottom: 0;
            ...@@ -29,7 +28,7 @@ body { ...@@ -29,7 +28,7 @@ body {
            font-family: var(--theme-font); font-family: var(--theme-font);
            --theme-font: "Electrolize", sans-serif; --theme-font: "Electrolize", sans-serif;
            --nato-serif-font: "Noto Serif SC", serif; --nato-serif-font: "Noto Serif SC", serif;
            --header-height: 56px; --header-height: 3.5rem;
            #root { #root {
            height: 100%; height: 100%;
            margin: 0 auto; margin: 0 auto;
            ......
            src/ui/Match/index.module.scss
            View file @ 1fb49b1d
            ...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
            display: flex; display: flex;
            flex-direction: column; flex-direction: column;
            align-items: center; align-items: center;
            gap: 60px; gap: 3.75rem;
            } }
            } }
            ...@@ -18,19 +18,19 @@ ...@@ -18,19 +18,19 @@
            display: grid; display: grid;
            grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
            grid-template-rows: repeat(2, 1fr); /* 自动调整行高 */ grid-template-rows: repeat(2, 1fr); /* 自动调整行高 */
            width: 800px; width: 55rem;
            height: 530px; // height: 33rem;
            gap: 16px; gap: 1rem;
            .mode { .mode {
            height: 100%; height: 100%;
            background: hsla(0, 0%, 100%, 0.1); background: hsla(0, 0%, 100%, 0.1);
            backdrop-filter: blur(10px); backdrop-filter: blur(10px);
            padding: 32px; padding: 2rem;
            border-radius: 12px; border-radius: 0.75rem;
            transition: 0.2s; transition: 0.2s;
            cursor: pointer; cursor: pointer;
            &:hover { &:hover {
            box-shadow: 0 0 0 4px #226170; box-shadow: 0 0 0 0.25rem #226170;
            // background: hsla(0, 0%, 100%, 0.07); // background: hsla(0, 0%, 100%, 0.07);
            filter: brightness(1.2); filter: brightness(1.2);
            } }
            ...@@ -38,26 +38,26 @@ ...@@ -38,26 +38,26 @@
            background: linear-gradient(#514f5780, #2a283277); background: linear-gradient(#514f5780, #2a283277);
            overflow: hidden; overflow: hidden;
            position: relative; position: relative;
            --length: 48px; --length: 3rem;
            width: var(--length); width: var(--length);
            height: var(--length); height: var(--length);
            border-radius: 12px; border-radius: 0.75rem;
            display: flex; display: flex;
            align-items: center; align-items: center;
            justify-content: center; justify-content: center;
            font-size: 20px; font-size: 1.25rem;
            color: white; color: white;
            transition: 0.2s; transition: 0.2s;
            filter: brightness(1.5); filter: brightness(1.5);
            } }
            .title { .title {
            margin-top: 24px; margin-top: 1.5rem;
            margin-bottom: 12px; margin-bottom: 0.75rem;
            font-size: 16px; font-size: 1rem;
            } }
            .desc { .desc {
            font-size: 14px; font-size: 0.875rem;
            line-height: 24px; line-height: 1.5rem;
            color: hsla(0, 0%, 100%, 0.6); color: hsla(0, 0%, 100%, 0.6);
            white-space: pre-wrap; white-space: pre-wrap;
            } }
            ......
            Markdown is supported
            0% or
            You are about to add 0 people to the discussion. Proceed with caution.
            Finish editing this message first!
            Please register or to comment