snipe
113 lines
1.6 KiB
SCSS
113 lines
1.6 KiB
SCSS
.users-list {
|
|
.header {
|
|
h3 {
|
|
margin-top: 0px;
|
|
}
|
|
input.search {
|
|
padding: 5px 6px;
|
|
position: relative;
|
|
top: 0px;
|
|
&:focus {
|
|
box-shadow: none;
|
|
border: 1px solid #888;
|
|
}
|
|
}
|
|
.ui-select {
|
|
margin: 3px 40px 0 0;
|
|
}
|
|
.ui-dropdown {
|
|
margin-left: 20px;
|
|
input.form-control {
|
|
width: 60px;
|
|
display: inline-block;
|
|
height: 28px;
|
|
margin: 0px 8px;
|
|
}
|
|
}
|
|
a.btn-flat span {
|
|
font-size: 17px;
|
|
position: relative;
|
|
top: 2px;
|
|
margin-right: 4px;
|
|
}
|
|
}
|
|
.table {
|
|
td {
|
|
vertical-align: middle;
|
|
font-size: 13px;
|
|
}
|
|
img.avatar {
|
|
float: left;
|
|
margin-right: 14px;
|
|
max-width: 45px;
|
|
position: relative;
|
|
top: 8px;
|
|
}
|
|
a.name {
|
|
color: #3389d1;
|
|
display: block;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
margin: 15px 0 0 0;
|
|
}
|
|
.subtext {
|
|
font-size: 12px;
|
|
margin-left: 0;
|
|
color: #778391;
|
|
font-style: italic;
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
.pagination {
|
|
margin-top: 25px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* responsive */
|
|
|
|
@media (max-width: 767px) {
|
|
.ui-dropdown .dialog .body{
|
|
width: 250px;
|
|
left: 58%;
|
|
position: relative;
|
|
}
|
|
.users-list {
|
|
.table {
|
|
a.name {
|
|
font-size: 12px;
|
|
}
|
|
td {
|
|
font-size: 12px;
|
|
}
|
|
.avatar {
|
|
display: none;
|
|
}
|
|
}
|
|
h3 {
|
|
display: block;
|
|
float: none;
|
|
margin-bottom: 30px;
|
|
}
|
|
.header {
|
|
input.search {
|
|
margin-bottom: 18px;
|
|
}
|
|
.ui-dropdown {
|
|
float: left;
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.ui-dropdown .dialog .body .form input[type="text"]{
|
|
margin-top: 10px;
|
|
}
|
|
.ui-dropdown .dialog .body .form a{
|
|
margin-top: 10px;
|
|
margin-left: 18px;
|
|
}
|
|
}
|
|
|