Change layout wrapping. Fix last seen

This commit is contained in:
Sergei Birukov 2024-02-17 15:22:43 +03:00
parent 081e3eef75
commit a522a442ae
3 changed files with 41 additions and 33 deletions

View file

@ -548,6 +548,12 @@ video {
width: 100%;
}
@media (min-width: 450px) {
.container {
max-width: 450px;
}
}
@media (min-width: 576px) {
.container {
max-width: 576px;
@ -710,10 +716,6 @@ video {
margin-right: 0.5rem;
}
.mr-4 {
margin-right: 1rem;
}
.mt-0 {
margin-top: 0px;
}
@ -862,8 +864,8 @@ video {
width: 100%;
}
.min-w-24 {
min-width: 6rem;
.min-w-20 {
min-width: 5rem;
}
.max-w-3xl {
@ -878,6 +880,10 @@ video {
flex-shrink: 0;
}
.shrink-0 {
flex-shrink: 0;
}
.flex-grow {
flex-grow: 1;
}
@ -1151,10 +1157,6 @@ video {
padding-bottom: 3rem;
}
.pb-2 {
padding-bottom: 0.5rem;
}
.pb-20 {
padding-bottom: 5rem;
}
@ -1459,8 +1461,12 @@ video {
opacity: 1;
}
@media (min-width: 576px) {
.xs\:flex-row {
@media (min-width: 450px) {
.xxs\:ml-0 {
margin-left: 0px;
}
.xxs\:flex-row {
flex-direction: row;
}
}
@ -1532,18 +1538,10 @@ video {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.sm\:flex-row {
flex-direction: row;
}
.sm\:flex-row-reverse {
flex-direction: row-reverse;
}
.sm\:flex-nowrap {
flex-wrap: nowrap;
}
.sm\:items-start {
align-items: flex-start;
}
@ -1580,18 +1578,22 @@ video {
}
@media (min-width: 768px) {
.md\:ml-0 {
margin-left: 0px;
}
.md\:inline-block {
display: inline-block;
}
.md\:min-w-24 {
min-width: 6rem;
}
.md\:flex-row {
flex-direction: row;
}
.md\:gap-4 {
gap: 1rem;
}
.md\:px-0 {
padding-left: 0px;
padding-right: 0px;
@ -1600,6 +1602,11 @@ video {
.md\:pb-0 {
padding-bottom: 0px;
}
.md\:text-base {
font-size: 1rem;
line-height: 1.5rem;
}
}
@media (prefers-color-scheme: dark) {