提交 461046eb 编写于 作者: Neuromancer255's avatar Neuromancer255

底部工具栏样式调整

上级 1e4b9678
...@@ -46,52 +46,49 @@ ...@@ -46,52 +46,49 @@
position: absolute; position: absolute;
bottom: 4px; bottom: 4px;
right: 16px; right: 16px;
.bottom_menu{ .app-view-toolbar-button {
width: 60px; width: 60px;
height: 70px; height: 60px;
display: flex; --border-radius: 50%;
justify-content: center;
align-items: center;
z-index: 9999;
} }
} .popup {
.popup { height: 40%;
height: 40%; padding-top: 20px;
padding-top: 20px; .container {
.container { width: 100%;
width: 100%; height: 100%;
height: 100%;
display: flex;
align-content: flex-start;
flex-wrap: wrap;
.sub-item {
margin-top: 10px;
box-sizing: border-box;
flex: 0 0 25%;
height: 100px;
display: flex; display: flex;
color: black; align-content: flex-start;
flex-direction: column; flex-wrap: wrap;
justify-content: center; .sub-item {
align-items: center; margin-top: 10px;
ion-button { box-sizing: border-box;
width: 60px !important; flex: 0 0 25%;
height: 60px; height: 100px;
padding: 0 !important; display: flex;
--border-radius:50% !important; color: black;
--padding-bottom:0; flex-direction: column;
--padding-end:0; justify-content: center;
--padding-start:0; align-items: center;
--padding-top:0; ion-button {
.button-inner { width: 60px !important;
--border-radius:40px !important; height: 60px;
padding: 0 !important;
--border-radius:50% !important;
--padding-bottom:0;
--padding-end:0;
--padding-start:0;
--padding-top:0;
.button-inner {
--border-radius:40px !important;
}
} }
} }
.disabled {
color: #a8a8a8;
}
} }
.disabled { }
color: #a8a8a8;
}
}
} }
</#if> </#if>
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册