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

底部工具栏样式调整

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