AaronPo/the-biergarten-app
1
0
Fork 0
mirror of https://github.com/aaronpo97/the-biergarten-app.git synced 2026-02-16 10:42:08 +00:00
Code Issues Packages Projects 1 Releases Wiki Activity

Styling changes and refactor

Browse Source 
Switch google fonts to use Next.js font optimization, animate comment fade in, and refactor beer like handler and comment submit handler.
This commit is contained in:
Aaron William Po
2023-04-04 20:50:00 -04:00
parent a4362a531c
commit 796a5fce3f
15 changed files with 148 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/BeerById/CommentLoadingCardBody.tsx
View File

@@ -1,12 +1,12 @@
const CommentLoadingCardBody = () => {
return (
<div className="card-body h-64">
<div className="flex animate-pulse space-x-4">
<div className="animate card-body h-64 fade-in-10">
<div className="flex animate-pulse space-x-4 slide-in-from-top">
<div className="flex-1 space-y-4 py-1">
<div className="h-4 w-3/4 rounded bg-base-200" />
<div className="h-4 w-3/4 rounded bg-base-100" />
<div className="space-y-2">
<div className="h-4 rounded bg-base-200" />
<div className="h-4 w-5/6 rounded bg-base-200" />
<div className="h-4 rounded bg-base-100" />
<div className="h-4 w-5/6 rounded bg-base-100" />
</div>
</div>
</div>