diff --git a/src/assets/styles/github.styles.scss b/src/assets/styles/github.styles.scss index d00948f7..1beffcc2 100644 --- a/src/assets/styles/github.styles.scss +++ b/src/assets/styles/github.styles.scss @@ -5,41 +5,45 @@ */ /* Card,传入theme参数 */ -@mixin github-card($theme: 'default') { +@mixin github-card($theme: "default") { @include github-card-shadow($theme); - @if $theme == 'default' { - background: #ffffff; + @if $theme == "default" { border: 1px solid #d1d9e0; + background: #ffffff; } @else { - background: #0d1117; border: 1px solid #3d444d; + background: #0d1117; } } /* CardShadow,传入theme参数 */ -@mixin github-card-shadow($theme: 'default') { - @if $theme == 'default' { - box-shadow: rgba(31, 35, 40, 0.06) 0 1px 1px 0, rgba(31, 35, 40, 0.06) 0 1px 3px 0; +@mixin github-card-shadow($theme: "default") { + @if $theme == "default" { + box-shadow: + rgba(31, 35, 40, 0.06) 0 1px 1px 0, + rgba(31, 35, 40, 0.06) 0 1px 3px 0; } @else { - box-shadow: rgba(1, 4, 9, 0.6) 0 1px 1px 0, rgba(1, 4, 9, 0.6) 0 1px 3px 0; + box-shadow: + rgba(1, 4, 9, 0.6) 0 1px 1px 0, + rgba(1, 4, 9, 0.6) 0 1px 3px 0; } } /* Btn,传入theme参数 */ -@mixin github-btn($theme: 'default') { - @if $theme == 'default' { - background: #f6f8fa; +@mixin github-btn($theme: "default") { + @if $theme == "default" { border: 1px solid #d1d9e0; + background: #f6f8fa; } @else { - background: #212830; border: 1px solid #3d444d; + background: #212830; } } /* tags,深色主题 */ @mixin github-tag-dark-gen($color: #548af7) { - background: rgba($color, .18); - border: 1px solid rgba($color, .3); + border: 1px solid rgba($color, 0.3); + background: rgba($color, 0.18); color: $color; -} \ No newline at end of file +} diff --git a/src/components/viewPost/vp-btn-reply.vue b/src/components/viewPost/vp-btn-reply.vue index 4fe5dd9b..2a604599 100644 --- a/src/components/viewPost/vp-btn-reply.vue +++ b/src/components/viewPost/vp-btn-reply.vue @@ -231,6 +231,7 @@ async function handleDebug(): Promise { .tpr-reply-list { position: relative; display: flex; + overflow: hidden auto; width: 100%; height: 360px; box-sizing: border-box; @@ -240,7 +241,6 @@ async function handleDebug(): Promise { padding-top: 0; padding-right: 4px; background: var(--app-page-bg); - overflow: hidden auto; row-gap: 8px; }