From 162f21089d7eb196997d51ab1c2cfef0a2597f03 Mon Sep 17 00:00:00 2001
From: Sheldon Lee <sheldon@sheldonlee.com>
Date: Sat, 25 Nov 2023 17:30:54 +0800
Subject: [PATCH] Add pulsing effect for placeholder items

---
 src/App.css | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/App.css b/src/App.css
index a60bc9b..7d745b9 100644
--- a/src/App.css
+++ b/src/App.css
@@ -63,6 +63,10 @@ body {
   background-color: #0056b3;
 }
 
+.PlaceholderItem {
+  animation: loading 1.5s infinite;
+}
+
 .PlaceholderItem > button,
 .ParentDirectoryItem > button {
 	background-color: #4D4F5D;
@@ -73,6 +77,15 @@ body {
 }
 
 .PlaceholderItem > button {
-  height: calc(16px + 10px * 2);
-  width: 6em;
+  height: calc(18px + 10px * 2);
+  min-width: 4em;
+}
+
+@keyframes loading {
+  0%, 100% {
+    filter: brightness(80%);
+  }
+  50% {
+    filter: brightness(100%);
+  }
 }