1
0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-02-13 03:50:07 +08:00
1Panel/frontend/src/styles/moblie.scss
wangdan-fit2cloud 0275716ff5
feat: 优化页面兼容移动端问题 (#1320)
#### What this PR does / why we need it?

#### Summary of your change

#### Please indicate you've done the following:

- [ ] Made sure tests are passing and test coverage is added if needed.
- [ ] Made sure commit message follow the rule of [Conventional Commits specification](https://www.conventionalcommits.org/).
- [ ] Considered the docs impact and opened a new docs issue or PR with docs changes if needed.
2023-06-09 15:38:15 +00:00

84 lines
1.7 KiB
SCSS

.mobile {
.monitor-tags {
position: inherit;
top: 13px;
}
.mobile-monitor-chart {
margin-top: 20px !important;
}
.search-button {
float: none !important;
.table-button {
display: inline-flex !important;
}
}
.app-card {
.app-button {
margin-right: 0 !important;
}
}
.install-card .a-detail {
.d-name {
height: auto !important;
.h-button {
float: none !important;
margin: 5px;
}
}
.d-button {
min-width: auto !important;
}
.d-description {
display: block !important;
overflow: inherit !important;
}
}
.router_card_button {
padding: 2px 0;
}
.el-drawer.rtl {
width: 80% !important;
}
.site-form-wrapper {
width: 90% !important;
min-width: auto !important;
.el-form-item__label {
width: auto !important;
}
}
.moblie-form {
overflow: auto;
.el-input {
width: 350px;
}
.el-textarea__inner {
width: 350px;
}
}
.app-status {
font-size: 12px;
.el-card {
.status-content {
margin-left: 20px;
}
}
}
.database-status {
.title {
margin-left: 10px !important;
}
.content {
margin-left: 10px !important;
}
}
@media only screen and (max-width: 768px) {
.el-col-xs-24 {
margin-bottom: 10px;
}
}
}