acid-info/Kurate
1
0
Fork 0
mirror of https://github.com/acid-info/Kurate.git synced 2025-02-14 08:46:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: card alignment (#300)

Browse Source
This commit is contained in:
Barbara Gomes 2023-03-30 12:13:38 -04:00 committed by GitHub
parent d86676cfe6
commit cf22bbdd62
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
packages/ui/src/lib/components/persona.svelte
View File

@ -40,19 +40,11 @@
<style lang="scss">
.picture {
flex: 0 0 90px;
flex: 0 0 92px;
aspect-ratio: 1;
@media (min-width: 412px) {
flex-basis: 100px;
}
@media (min-width: 688px) {
flex-basis: 90px;
}
@media (min-width: 844px) {
flex-basis: 100px;
@media (min-width: 398px) {
flex-basis: 99px;
}
img {
@ -66,25 +58,35 @@
display: flex;
flex-direction: column;
gap: var(--spacing-8);
min-height: 92px;
@media (min-width: 398px) {
min-height: 99px;
}
.header {
font-size: 16px;
font-size: var(--font-size-lg);
font-weight: 600;
}
.description {
font-size: 14px;
font-size: var(--font-size-normal);
flex-grow: 1;
}
.post-count {
font-size: 12px;
font-size: var(--font-size-normal);
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
gap: var(--spacing-12);
@media (min-width: 398px) {
font-size: var(--font-size-sm);
}
> div {
display: flex;
flex-direction: row;
@ -97,7 +99,6 @@
.rep {
background-color: var(--grey-200);
border-radius: 9px;
font-size: var(--font-size-sm);
font-weight: var(--font-weight-sb);
padding-left: var(--spacing-6);
padding-right: var(--spacing-4);