styling the columns of each post
This commit is contained in:
parent
f375137846
commit
440f035637
|
|
@ -38,18 +38,30 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&__list {
|
&__list {
|
||||||
|
li.list-titles {
|
||||||
|
border: none !important;
|
||||||
|
@apply !items-end py-0 mb-0 text-neutral-400;
|
||||||
|
p {
|
||||||
|
@apply mt-0 mb-2;
|
||||||
|
}
|
||||||
|
> span {
|
||||||
|
@apply text-center;
|
||||||
|
}
|
||||||
|
}
|
||||||
li {
|
li {
|
||||||
@apply flex justify-between items-center pl-4 py-2;
|
/* @apply flex justify-between items-center */
|
||||||
|
@apply grid pl-4 py-2 gap-4;
|
||||||
|
grid-template-columns: 2fr 1fr 2fr 1fr;
|
||||||
border-left: 4px solid theme('colors.rose.300');
|
border-left: 4px solid theme('colors.rose.300');
|
||||||
|
|
||||||
&:nth-child(even) {
|
&:nth-child(even) {
|
||||||
@apply bg-stone-50;
|
@apply bg-stone-50;
|
||||||
}
|
}
|
||||||
a {
|
a.post-link {
|
||||||
@apply w-fit block text-base;
|
@apply w-fit block text-base mr-auto;
|
||||||
}
|
}
|
||||||
.status-state {
|
.status-state {
|
||||||
@apply mx-0;
|
@apply mx-0 h-fit;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -69,6 +81,7 @@
|
||||||
border-left: 4px solid theme('colors.yellow.400');
|
border-left: 4px solid theme('colors.yellow.400');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
&--to-contact,
|
||||||
&--ongoing,
|
&--ongoing,
|
||||||
&--waiting-feedback {
|
&--waiting-feedback {
|
||||||
.group-artisans__title {
|
.group-artisans__title {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user