diff --git a/src/views/non-moe/components/Log.vue b/src/views/non-moe/components/Log.vue index 3eec7fd5..c00eecda 100644 --- a/src/views/non-moe/components/Log.vue +++ b/src/views/non-moe/components/Log.vue @@ -1,14 +1,26 @@ @@ -18,18 +30,52 @@ import { log } from './log' margin: 20px 40px; border-bottom: 1px solid var(--kungalgame-blue-4); } + +.kungalgamer { + margin-bottom: 10px; + font-weight: bold; + span { + cursor: pointer; + color: var(--kungalgame-blue-5); + border-bottom: 2px solid var(--kungalgame-trans-white-9); + &:hover { + border-bottom: 2px solid var(--kungalgame-blue-5); + } + } +} + /* 原因 */ .reason { - width: 80%; + width: 100%; padding-left: 5px; border-left: 2px solid var(--kungalgame-blue-4); } +.footer { + width: 100%; + display: flex; + justify-content: space-between; + margin-top: 17px; +} + /* 后果 */ +.time { + display: flex; + align-items: center; + .hourglass { + margin-right: 7px; + font-size: 17px; + color: var(--kungalgame-purple-4); + } +} .result { border-right: 4px solid var(--kungalgame-red-4); padding-right: 5px; - margin-top: 10px; display: flex; - justify-content: end; + align-items: center; + .warning { + margin-right: 7px; + font-size: 17px; + color: var(--kungalgame-red-3); + } }