在写增强脚本的设置页面,艰难的写css……
说实话写出来只是时间问题,不过我快被css干晕了
很难想象 flarum 开发人员的精神状态
设置页面的ui工程量真的大,我打算是这样子的结构
(随便起的草稿,请以实际为准)
#NL_settings {
position: fixed;
z-index: 114514;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #00000010;
display: flex;
justify-content: center;
align-items: center;
}
#NL_settings > .s-window {
z-index: 1919810;
width: 600px;
height: 400px;
background: #ffffff;
border-radius: 8px;
display: flex;
flex-direction: column;
}
#NL_settings > .s-window > .s-topbar {
background: #00000005;
display: flex;
justify-content: flex-end;
}
#NL_settings > .s-window > .s-topbar > .s-title {
width: 100%;
font-weight: bold;
font-size: 16px;
padding: 8px 16px;
}
#NL_settings > .s-window > .s-body {
height: 100%;
}
@media (max-width: 768px) {
#NL_settings > .s-window {
width: 100%;
height: 100%;
border-radius: 0px !important;
}
}