mirror of https://github.com/FreeTubeApp/FreeTube
53 lines
808 B
CSS
53 lines
808 B
CSS
.card {
|
|
width: 85%;
|
|
margin: 0 auto;
|
|
margin-bottom: 60px;
|
|
}
|
|
|
|
.floatingTopButton {
|
|
position: fixed;
|
|
top: 70px;
|
|
right: 10px;
|
|
}
|
|
|
|
.trendingInfoTabs {
|
|
width: 100%;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
margin-top: -3px;
|
|
color: var(--tertiary-text-color);
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.selectedTab {
|
|
border-bottom: 3px solid var(--primary-color);
|
|
color: var(--primary-text-color);
|
|
font-weight: bold;
|
|
box-sizing: border-box;
|
|
margin-bottom: -3px;
|
|
}
|
|
|
|
.tab {
|
|
text-align: center;
|
|
padding: 15px;
|
|
font-size: 15px;
|
|
cursor: pointer;
|
|
align-self: flex-end;
|
|
}
|
|
|
|
.tab:hover {
|
|
font-weight: bold;
|
|
}
|
|
|
|
@media only screen and (max-width: 350px) {
|
|
.floatingTopButton {
|
|
position: absolute
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
.card {
|
|
width: 90%;
|
|
}
|
|
}
|