xuyue/ojnext
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix css

Browse Source
This commit is contained in:
yuetsh
2024-11-21 09:40:49 +08:00
parent 0d7225c7e6
commit 8c6f3c7d68
1 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/oj/problem/components/ProblemContent.vue
View File

@@ -206,18 +206,18 @@ function type(status: ProblemStatus) {
margin-bottom: 8px; margin-bottom: 8px;
} }
.problemContent > .content > p { .problemContent .content > p {
margin: 0; margin: 0;
} }
.problemContent > .content > blockquote { .problemContent .content > blockquote {
border-left: 3px solid #bbbec4; border-left: 3px solid #bbbec4;
padding-left: 10px; padding-left: 10px;
margin: 10px 0; margin: 10px 0;
color: #7b7b7b; color: #7b7b7b;
} }
.problemContent > .content > pre { .problemContent .content > pre {
width: 100%; width: 100%;
background-color: rgb(250, 250, 252); background-color: rgb(250, 250, 252);
border: 1px solid rgb(239, 239, 245); border: 1px solid rgb(239, 239, 245);
@@ -228,16 +228,16 @@ function type(status: ProblemStatus) {
border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1); border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
} }
.problemContent > .content > pre > code { .problemContent .content > pre > code {
font-family: "Monaco"; font-family: "Monaco";
} }
.__layout-dark .problemContent > .content > pre { .__layout-dark .problemContent .content > pre {
background-color: rgb(24, 24, 28); background-color: rgb(24, 24, 28);
border-color: rgba(255, 255, 255, 0.09); border-color: rgba(255, 255, 255, 0.09);
} }
.problemContent > .content > table { .problemContent .content > table {
width: 100%; width: 100%;
border-spacing: 0; border-spacing: 0;
border: 1px solid rgba(239, 239, 245, 1); border: 1px solid rgba(239, 239, 245, 1);
@@ -246,37 +246,37 @@ function type(status: ProblemStatus) {
border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1); border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
} }
.problemContent > .content > table th { .problemContent .content > table th {
background-color: rgba(250, 250, 252, 1); background-color: rgba(250, 250, 252, 1);
transition: transition:
background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1),
border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1); border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
} }
.__layout-dark .problemContent > .content > table th { .__layout-dark .problemContent .content > table th {
background-color: rgba(38, 38, 42, 1); background-color: rgba(38, 38, 42, 1);
} }
.problemContent > .content > table td { .problemContent .content > table td {
padding: 8px; padding: 8px;
} }
.problemContent > .content > table td, .problemContent .content > table td,
.problemContent > .content > table th { .problemContent .content > table th {
border-right: 1px solid rgba(239, 239, 245, 1); border-right: 1px solid rgba(239, 239, 245, 1);
border-bottom: 1px solid rgba(239, 239, 245, 1); border-bottom: 1px solid rgba(239, 239, 245, 1);
} }
.problemContent > .content > table th:last-child, .problemContent .content > table th:last-child,
.problemContent > .content > table td:last-child { .problemContent .content > table td:last-child {
border-right: 0px solid rgba(239, 239, 245, 1); border-right: 0px solid rgba(239, 239, 245, 1);
} }
.problemContent > .content > table tr:last-child td { .problemContent .content > table tr:last-child td {
border-bottom: 0px solid rgba(239, 239, 245, 1); border-bottom: 0px solid rgba(239, 239, 245, 1);
} }
.problemContent > .content > p > code { .problemContent .content > p > code {
font-size: 90%; font-size: 90%;
padding: 2px 5px; padding: 2px 5px;
margin: 0px 4px; margin: 0px 4px;
@@ -285,12 +285,12 @@ function type(status: ProblemStatus) {
line-height: 1.5; line-height: 1.5;
} }
.problemContent > .content img { .problemContent .content img {
max-width: 100% !important; max-width: 100% !important;
height: 100% !important; height: 100% !important;
} }
.problemContent > .content a { .problemContent .content a {
color: #18a058; color: #18a058;
} }
</style> </style>