this repo has no description
Better styles for endorsements
+18
-5
+18
-5
src/components/account-info.css
+18
-5
src/components/account-info.css
···
1000
1000
margin: 0;
1001
1001
padding: 0;
1002
1002
list-style: none;
1003
-
/* display: flex;
1004
-
flex-direction: row;
1005
-
gap: 8px; */
1006
1003
1007
1004
/* grid: 2 rows, infinite columns, no wrap */
1008
1005
display: grid;
1009
1006
grid-auto-flow: column;
1010
1007
grid-template-rows: repeat(2, auto);
1008
+
grid-template-columns: repeat(9999, clamp(160px, 90%, 320px));
1011
1009
white-space: nowrap;
1012
1010
gap: 8px;
1013
1011
···
1016
1014
}
1017
1015
1018
1016
> li {
1019
-
min-width: 20em;
1020
-
max-width: 90%;
1021
1017
display: flex;
1022
1018
}
1023
1019
···
1046
1042
1047
1043
.avatar {
1048
1044
transition: transform 0.15s ease-out;
1045
+
}
1046
+
1047
+
.account-block-content {
1048
+
min-width: 0;
1049
+
mask-image: linear-gradient(
1050
+
var(--to-backward),
1051
+
transparent,
1052
+
black 16px
1053
+
);
1054
+
}
1055
+
1056
+
.account-block-stats {
1057
+
flex-wrap: nowrap;
1058
+
1059
+
> * {
1060
+
flex-shrink: 0;
1061
+
}
1049
1062
}
1050
1063
1051
1064
&:is(:hover, :focus-visible) {