简单美化了下沙拉查词

折影轻梦

发布于 2021-08-11 10:35:13

4440

发布于 2021-08-11 10:35:13

文章被收录于专栏：折影轻梦折影轻梦

简单美化了下沙拉查词

2020年10月08日 133 字大概 1 分钟

说实话，默认样式确实不好看

Github：https://github.com/nexmoe/saladict-skin

沙拉查词->查词面板->自定义查词面板样式

.menuBar {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    padding: 8px;
}
.menuBar-Btn_Icon,.menuBar-Btn_Icon-fav {
    fill: #222;
}
.mtaBox-TextArea-Wrap,
.mtaBox-DrawerBtn,
.waveformBox.saladict-external,
.dictItemHead-Logo,
.menuBar-SearchBox_Wrap,
.menuBar-Btn[title="查单词"] {
    display: none;
}
.dictItem {
    padding: 0 10px;
}
.dictItem:first-child {
    padding-top: 10px;
}
.dictItem-Body {
    padding: 0 3px;
}
.dictItemHead {
    background: #eee;
    border-radius: 6px;
    padding: 6px;
    height: auto;
}
.dictPanel-Root {
    box-shadow: rgba(0,0,0,0.2) 0 7px 21px 2px;
}

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020年10月08日，如有侵权请联系 cloudcommunity@tencent.com 删除

github