74 lines
1007 B
CSS
74 lines
1007 B
CSS
|
.table-responsive {
|
||
|
|
|
||
|
|
display: block;
|
||
|
|
overflow-x: auto;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cardV2 {
|
||
|
|
border-radius: 4px;
|
||
|
|
background-color: #fff;
|
||
|
|
box-shadow: 0 0 4px 0 rgba(0,0,0,.14), 0 3px 4px 0 rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
min-width: 0;
|
||
|
|
position: relative;
|
||
|
|
word-wrap: break-word;
|
||
|
|
}
|
||
|
|
|
||
|
|
table {
|
||
|
|
max-width: 100%;
|
||
|
|
width: 100%;
|
||
|
|
border: 0;
|
||
|
|
margin-bottom: 1rem;
|
||
|
|
border-collapse: collapse;
|
||
|
|
}
|
||
|
|
|
||
|
|
tr {
|
||
|
|
border-top: 1px solid #ccc;
|
||
|
|
}
|
||
|
|
|
||
|
|
tbody tr:nth-of-type(odd){
|
||
|
|
background-color: rgba(0,0,0,0.04);
|
||
|
|
}
|
||
|
|
|
||
|
|
tbody td {
|
||
|
|
border-top: 1px solid #e1e1e1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chicken {
|
||
|
|
|
||
|
|
background: #8e5241;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.beef {
|
||
|
|
|
||
|
|
background: #d72414;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pork {
|
||
|
|
background: #EF96D9;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.fish {
|
||
|
|
|
||
|
|
background: #005ba0;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.egg {
|
||
|
|
|
||
|
|
background: #fbc003;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.vegetable {
|
||
|
|
|
||
|
|
|
||
|
|
background: #00903e;
|
||
|
|
color: #fff;
|
||
|
|
}
|