matrix.to/css/client.css

83 lines
1.4 KiB
CSS
Raw Normal View History

2020-12-07 10:02:06 -05:00
.ClientListView h2 {
text-align: center;
margin: 18px 0;
2020-12-03 11:11:46 -05:00
}
.ClientListView .filterOption {
display: flex;
align-items: center;
margin: 8px 0;
}
2020-12-03 11:11:46 -05:00
.ClientView {
border: 1px solid #E6E6E6;
border-radius: 8px;
margin: 16px 0;
padding: 16px;
}
.ClientView .header {
display: flex;
}
.ClientView .description {
flex: 1;
}
.ClientView h3 {
margin-top: 0;
}
2020-12-04 10:08:42 -05:00
.ClientView .clientIcon {
2020-12-03 11:11:46 -05:00
border-radius: 8px;
background-repeat: no-repeat;
background-size: cover;
width: 60px;
height: 60px;
2020-12-04 10:08:42 -05:00
overflow: hidden;
display: block;
margin-left: 8px;
2020-12-03 11:11:46 -05:00
}
2020-12-07 08:24:22 -05:00
.ClientView .platforms {
background-image: url('../images/platform-icon.svg');
background-repeat: no-repeat;
background-position: 0 center;
padding-left: 28px;
}
2020-12-03 11:11:46 -05:00
.ClientView .actions a.badge {
display: inline-block;
height: 40px;
margin: 8px 16px 8px 0;
}
.ClientView .actions img {
height: 100%;
}
2020-12-07 10:02:06 -05:00
.ClientView .back {
margin-top: 22px;
}
.InstallClientView .instructions button {
background-repeat: no-repeat;
background-position: center;
2020-12-07 10:02:06 -05:00
background-color: transparent;
padding: 4px;
border: none;
width: 24px;
height: 24px;
margin: 8px;
vertical-align: middle;
}
.InstallClientView .instructions button.copy {
background-image: url('../images/copy.svg');
}
.InstallClientView .instructions button.tick {
2020-12-07 10:02:06 -05:00
background-image: url('../images/tick-dark.svg');
}
2020-12-07 10:02:06 -05:00