diff --git a/assets/css/main.css b/assets/css/main.css index 7b84f00..90d44e5 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -261,6 +261,9 @@ .sticky { position: sticky; } + .inset-0 { + inset: calc(var(--spacing) * 0); + } .inset-x-4 { inset-inline: calc(var(--spacing) * 4); } @@ -291,18 +294,15 @@ max-width: 96rem; } } - .-mx-6 { - margin-inline: calc(var(--spacing) * -6); - } - .-mx-8 { - margin-inline: calc(var(--spacing) * -8); - } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-auto { margin-inline: auto; } + .my-12 { + margin-block: calc(var(--spacing) * 12); + } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } @@ -312,9 +312,6 @@ .mt-2 { margin-top: calc(var(--spacing) * 2); } - .mt-3 { - margin-top: calc(var(--spacing) * 3); - } .mt-4 { margin-top: calc(var(--spacing) * 4); } @@ -366,6 +363,12 @@ .ml-4 { margin-left: calc(var(--spacing) * 4); } + .line-clamp-2 { + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + } .block { display: block; } @@ -535,13 +538,6 @@ .gap-8 { gap: calc(var(--spacing) * 8); } - .space-y-1 { - :where(& > :not(:last-child)) { - --tw-space-y-reverse: 0; - margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); - margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); - } - } .space-y-2 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; @@ -600,15 +596,6 @@ border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } } - .divide-y-2 { - :where(& > :not(:last-child)) { - --tw-divide-y-reverse: 0; - border-bottom-style: var(--tw-border-style); - border-top-style: var(--tw-border-style); - border-top-width: calc(2px * var(--tw-divide-y-reverse)); - border-bottom-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))); - } - } .divide-gray-200 { :where(& > :not(:last-child)) { border-color: var(--color-gray-200); @@ -669,8 +656,8 @@ .border-amber-200 { border-color: var(--color-amber-200); } - .border-blue-200 { - border-color: var(--color-blue-200); + .border-blue-300 { + border-color: var(--color-blue-300); } .border-gray-100 { border-color: var(--color-gray-100); @@ -708,9 +695,6 @@ .bg-amber-100 { background-color: var(--color-amber-100); } - .bg-blue-50 { - background-color: var(--color-blue-50); - } .bg-blue-100 { background-color: var(--color-blue-100); } @@ -767,10 +751,6 @@ --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } - .from-blue-50 { - --tw-gradient-from: var(--color-blue-50); - --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); - } .from-blue-500 { --tw-gradient-from: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); @@ -783,10 +763,6 @@ --tw-gradient-to: var(--color-blue-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } - .to-indigo-50 { - --tw-gradient-to: var(--color-indigo-50); - --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); - } .to-indigo-600 { --tw-gradient-to: var(--color-indigo-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); @@ -798,9 +774,6 @@ .bg-clip-text { background-clip: text; } - .p-1 { - padding: calc(var(--spacing) * 1); - } .p-2 { padding: calc(var(--spacing) * 2); } @@ -864,8 +837,8 @@ .pb-4 { padding-bottom: calc(var(--spacing) * 4); } - .pb-6 { - padding-bottom: calc(var(--spacing) * 6); + .pb-8 { + padding-bottom: calc(var(--spacing) * 8); } .text-center { text-align: center; @@ -981,6 +954,9 @@ .text-green-800 { color: var(--color-green-800); } + .text-indigo-600 { + color: var(--color-indigo-600); + } .text-orange-600 { color: var(--color-orange-600); } @@ -1319,16 +1295,6 @@ margin-inline: calc(var(--spacing) * 0); } } - .sm\:mt-0 { - @media (width >= 40rem) { - margin-top: calc(var(--spacing) * 0); - } - } - .sm\:ml-4 { - @media (width >= 40rem) { - margin-left: calc(var(--spacing) * 4); - } - } .sm\:inline { @media (width >= 40rem) { display: inline; diff --git a/templates/dashboard/comments/card.html b/templates/dashboard/comments/card.html index d425e6b..8387abd 100644 --- a/templates/dashboard/comments/card.html +++ b/templates/dashboard/comments/card.html @@ -2,7 +2,7 @@ class="block py-4 hover:bg-gray-50 px-6 transition-colors group">
{{ comment.content }}
-