mirror of https://github.com/FreeTubeApp/FreeTube
53 lines
874 B
CSS
53 lines
874 B
CSS
.card {
|
|
inline-size: 85%;
|
|
margin-block: 0 60px;
|
|
margin-inline: auto;
|
|
}
|
|
|
|
.floatingTopButton {
|
|
position: fixed;
|
|
inset-block-start: 70px;
|
|
inset-inline-end: 10px;
|
|
}
|
|
|
|
.trendingInfoTabs {
|
|
inline-size: 100%;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
margin-block-start: -3px;
|
|
color: var(--tertiary-text-color);
|
|
margin-block-end: 10px;
|
|
}
|
|
|
|
.selectedTab {
|
|
border-block-end: 3px solid var(--primary-color);
|
|
color: var(--primary-text-color);
|
|
font-weight: bold;
|
|
box-sizing: border-box;
|
|
margin-block-end: -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 {
|
|
inline-size: 90%;
|
|
}
|
|
}
|