mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-11-27 14:28:14 +09:00
Code

Fixed account cards in the For You tab

Browse Source
This commit is contained in:
Niléane 2023-07-13 12:40:54 +02:00
parent 59fdade363
commit 8e08c2bff4
No known key found for this signature in database
2 changed files with 68 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
TangerineUI-purple.css
View File

@ -1606,6 +1606,40 @@ body.layout-single-column {
box-shadow: 0 0 0 3px var(--color-content-bg);
}
/* Account recommendations (For You Tab + User directory */
.layout-single-column .scrollable .account-card {
margin: 0 0 10px;
background-color: var(--color-content-bg);
border-radius: 7px;
}
.layout-single-column .account-card__header {
padding: 0;
border-radius: 7px 7px 0 0;
height: 128px;
overflow: hidden;
}
.layout-single-column .scrollable .account-card__bio:after {
background: linear-gradient(270deg, var(--color-content-bg), transparent);
}
.layout-single-column .account-card__title__avatar .account__avatar {
border: 0;
border-radius: 50%;
overflow: visible;
}
.layout-single-column .account-card__title__avatar img {
border: 0;
border-radius: 50%;
box-shadow: 0 0 0 3px var(--color-content-bg);
}
.layout-single-column .account-card__title .display-name bdi,
.layout-single-column .account-card__counters__item,
.layout-single-column .account-card__counters__item small {
color: var(--color-content-fg-bold);
}
.layout-single-column .account-card__counters__item small {
opacity: .7;
}
/* 📰 Trending stories */
.layout-single-column .story {
background-color: var(--color-content-bg);

34
TangerineUI.css
View File

@ -1606,6 +1606,40 @@ body.layout-single-column {
box-shadow: 0 0 0 3px var(--color-content-bg);
}
/* Account recommendations (For You Tab + User directory */
.layout-single-column .scrollable .account-card {
margin: 0 0 10px;
background-color: var(--color-content-bg);
border-radius: 7px;
}
.layout-single-column .account-card__header {
padding: 0;
border-radius: 7px 7px 0 0;
height: 128px;
overflow: hidden;
}
.layout-single-column .scrollable .account-card__bio:after {
background: linear-gradient(270deg, var(--color-content-bg), transparent);
}
.layout-single-column .account-card__title__avatar .account__avatar {
border: 0;
border-radius: 50%;
overflow: visible;
}
.layout-single-column .account-card__title__avatar img {
border: 0;
border-radius: 50%;
box-shadow: 0 0 0 3px var(--color-content-bg);
}
.layout-single-column .account-card__title .display-name bdi,
.layout-single-column .account-card__counters__item,
.layout-single-column .account-card__counters__item small {
color: var(--color-content-fg-bold);
}
.layout-single-column .account-card__counters__item small {
opacity: .7;
}
/* 📰 Trending stories */
.layout-single-column .story {
background-color: var(--color-content-bg);