responsive

This commit is contained in:
shokouhi
2020-07-04 13:48:53 +04:30
parent a74e49af6f
commit 7918610072
17 changed files with 517 additions and 132 deletions
+146 -4
View File
@@ -124,12 +124,154 @@
.theme--light.v-pagination .v-pagination__item:focus {
outline: 0 !important;
}
@media screen and(max-width : 1536px) {
.WM-WidthScreen-SM {
flex-basis:35% !important;
max-width: 35% !important;
table.v-table tbody td.Height-MD-60 {
height: 60px;
}
table.v-table tbody td.Height-MD-80 {
height: 80px;
}
.FlexBtn {
display: flex;
flex-wrap: nowrap;
padding: 10px 8px !important;
justify-content: flex-start;
}
td.FlexBtn .theme--light.v-btn {
padding: 21px 20px;
}
td.FlexBtn a.LinkBtn .theme--light.v-btn {
padding: 12px 10px;
}
.ResultMsg {
font-size: 10px;
color: #fff;
padding: 3px 10px;
border-radius: 5px;
}
.ResultMsg.Reject{
background: #ee3552;
}
.ResultMsg.Accept{
background: #1DE6B8;;
}
.theme--light.v-icon.Verified {
font-size: 15px !important;
color: #1DE6B8;
}
.theme--light.v-icon.NotVerified {
font-size: 15px !important;
color: #ee3552;
}
table.v-table tbody td.FlexBtn:not(:first-child) {
padding: 12px 8px;
}
td.FlexBtn .v-btn {
margin-top: 5px;
}
.WM-WidthScreen-SM {
flex-basis:35% !important;
max-width: 35% !important;
}
table.v-table tbody td.Height-SM-48 {
height: 48px;
}
.v-card .title {
font-size: .9rem !important;
}
.headline {
font-size: .9rem !important;
}
.FlexBtn {
padding: 10px 8px !important;
}
td.FlexBtn span {
display: none;
}
td.FlexBtn .theme--light.v-btn {
min-width: 30px;
padding: 15px 10px;
margin-right: 1 !important;
}
td.FlexBtn a.LinkBtn .theme--light.v-btn {
padding: 9px 10px;
}
td.FlexBtn .theme--light.v-icon {
margin-right: 0 !important;
}
@media screen and (min-width : 1900px) {
.WM-XL-Align-L {
text-align: left !important;
}
}
@media screen and(max-width : 1536px) {
// table.v-table tbody td.FlexBtn:not(:first-child) {
// padding: 12px 8px;
// }
// td.FlexBtn .v-btn {
// margin-top: 5px;
// }
// .WM-WidthScreen-SM {
// flex-basis:35% !important;
// max-width: 35% !important;
// }
// .theme--light.v-btn.WM-ActBtn:not(.v-btn--icon):not(.v-btn--flat) {
// margin: 5px;
// padding: 10px;
// min-width: 30px;
// display: inline-block;
// }
// .theme--light.v-btn.WM-ActBtn:not(.v-btn--icon):not(.v-btn--flat) span {
// display: none;
// }
// .v-btn.WM-ActBtn__content .v-icon.mr-2 {
// margin-right: 0 !important;
// }
table.v-table tbody td.Height-SM-48 {
height: 48px;
}
.v-card .title {
font-size: .9rem !important;
}
.headline {
font-size: .9rem !important;
}
.FlexBtn {
padding: 10px 8px !important;
}
td.FlexBtn span {
display: none;
}
td.FlexBtn .theme--light.v-btn {
min-width: 30px;
padding: 15px 10px;
margin-right: 1 !important;
}
td.FlexBtn a.LinkBtn .theme--light.v-btn {
padding: 9px 10px;
}
td.FlexBtn .theme--light.v-icon {
margin-right: 0 !important;
}
}
@media screen and(max-width : 1366px) {
.FlexBtn {
// padding: 10px 8px !important;
padding: 20px 8px !important;
}
td.FlexBtn .v-btn {
margin-top: -5px;
}
}
@media screen and(max-width : 1024px) {
.WM-WidthScreen-XS {
flex-basis:60% !important;