This repository has been archived on 2023-08-30. You can view files and clone it, but cannot push or open issues/pull-requests.
bytedo
/
wcui
Archived
1
0
Fork 0
Code Issues Pull Requests Wiki Activity

优化代码块组件的样式

old
宇天 2020-02-02 00:21:59 +08:00
parent 646946399a
commit 05158dd01b
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/code/index.wc
View File

@ -3,8 +3,8 @@
<header class="title"> <header class="title">
<span><i></i><i></i><i></i></span> <span><i></i><i></i><i></i></span>
<span> <span>
<wc-icon title="运行" size="mini" class="act run" is="live"></wc-icon> <wc-icon title="运行" class="act run" is="live"></wc-icon>
<wc-icon title="复制" size="mini" class="act cp" is="doc"></wc-icon> <wc-icon title="复制" class="act cp" is="doc"></wc-icon>
</span> </span>
</header> </header>
<wc-scroll axis="y" class="code"></wc-scroll> <wc-scroll axis="y" class="code"></wc-scroll>
@ -20,9 +20,9 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
width: 400px; width: 100%;
min-height: 88px; min-height: 88px;
max-height: 210px; max-height: 610px;
border: 1px solid nth($cp, 2); border: 1px solid nth($cp, 2);
border-radius: 2px; border-radius: 2px;
@ -54,6 +54,8 @@
} }
.act { .act {
--size: 16px;
margin: 0 2px;
color: nth($cgr, 2); color: nth($cgr, 2);
cursor: pointer; cursor: pointer;
@ -82,9 +84,8 @@
position: relative; position: relative;
min-height: 18px; min-height: 18px;
padding: 0 8px 0 45px; padding: 0 8px 0 45px;
white-space: nowrap; white-space: pre-wrap;
// white-space: pre-wrap; word-wrap: break-word;
// word-wrap: break-word;
&::before { &::before {
position: absolute; position: absolute;