diff --git a/src/assets/css/style.scss b/src/assets/css/style.scss index cea2b349..53153bf1 100644 --- a/src/assets/css/style.scss +++ b/src/assets/css/style.scss @@ -29,8 +29,13 @@ html, body { } .my-button { + font-size: 13rem; cursor: pointer; border-radius: 4rem; - padding: 5rem 15rem; + padding: 0 15rem; + height: 28rem; + display: flex; + align-items: center; + justify-content: center; background: $main; } \ No newline at end of file diff --git a/src/components/DictModal.vue b/src/components/DictModal.vue index 79c1cc99..3c3e24a5 100644 --- a/src/components/DictModal.vue +++ b/src/components/DictModal.vue @@ -146,7 +146,7 @@ async function selectDict(item: Dict) { $modal-mask-bg: rgba(#000, .15); $radius: 16rem; -$time: 0.5s; +$time: 0.3s; $header-height: 60rem; .modal-root { @@ -307,7 +307,7 @@ $header-height: 60rem; } } -$footer-height: 40rem; +$footer-height: 50rem; .chapter-wrapper { min-width: 25%; @@ -441,10 +441,15 @@ $footer-height: 40rem; .other { flex: 1; + height: 100%; + padding-left: $space; .word-list { width: 100%; - min-height: calc(100% - 40rem); + box-sizing: border-box; + padding-right: $space; + overflow: auto; + height: calc(100% - $footer-height); } } }