🎨 Implement loaders for fetched information (views and likes)

This commit is contained in:
Nuno Coração
2023-12-06 21:40:38 +00:00
parent 4bc1ed0a86
commit 065bf2b060
5 changed files with 51 additions and 7 deletions

View File

@@ -1912,6 +1912,10 @@ select {
margin-top: 2rem;
}
.mt-\[-2px\] {
margin-top: -2px;
}
.mt-\[0\.15rem\] {
margin-top: 0.15rem;
}
@@ -2160,6 +2164,10 @@ select {
height: 100vh;
}
.max-h-3 {
max-height: 0.75rem;
}
.max-h-\[5rem\] {
max-height: 5rem;
}
@@ -2671,6 +2679,16 @@ select {
animation: spinner-grow 0.75s linear infinite;
}
@keyframes pulse {
50% {
opacity: .5;
}
}
.animate-pulse {
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
@@ -3238,6 +3256,11 @@ select {
background-color: rgba(var(--color-neutral-300), var(--tw-bg-opacity));
}
.bg-neutral-400 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-400), var(--tw-bg-opacity));
}
.bg-neutral-500\/50 {
background-color: rgba(var(--color-neutral-500), 0.5);
}
@@ -4037,6 +4060,10 @@ select {
color: rgba(var(--color-primary-800), var(--tw-text-opacity));
}
.text-transparent {
color: transparent;
}
.underline {
text-decoration-line: underline;
}
@@ -7328,6 +7355,11 @@ pre {
background-color: rgb(79 79 79 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-neutral-400) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-400), var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-neutral-600) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity));