bs5/universal/native/shared/NoteListSkeleton.re


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

[@react.component]
let make = () => {
  <div className="mt-8">
    <ul className="flex flex-col">
      <li className="v-stack">
        <div
          className={Cx.make([
            Theme.background(Theme.Color.Gray4),
            "animate-pulse relative mb-3 p-4 w-full flex justify-between items-start flex-wrap h-[150px] transition-[max-height] ease-out rounded-md",
          ])}
        />
      </li>
      <li className="v-stack">
        <div
          className={Cx.make([
            Theme.background(Theme.Color.Gray4),
            "animate-pulse relative mb-3 p-4 w-full flex justify-between items-start flex-wrap h-[150px] transition-[max-height] ease-out rounded-md",
          ])}
        />
      </li>
      <li className="v-stack">
        <div
          className={Cx.make([
            Theme.background(Theme.Color.Gray4),
            "animate-pulse relative mb-3 p-4 w-full flex justify-between items-start flex-wrap h-[150px] transition-[max-height] ease-out rounded-md",
          ])}
        />
      </li>
    </ul>
  </div>;
};