nodejs.org/apps/site/components/Common/Searchbox/SlidingChatPanel/index.module.css at 1e1e99afe19ea74ccaaf599001f2394e8b69fddb · nodejs/nodejs.org · GitHub

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
@reference "../../../../styles/index.css";

.slidingPanelCloseButton {
  @apply absolute
    top-2
    right-6
    z-20
    cursor-pointer
    rounded-full
    p-2
    text-neutral-700
    duration-300
    hover:bg-white/20
    focus:bg-white/20
    focus:outline-none
    motion-safe:transition-colors
    dark:text-white;

  svg {
    @apply size-5;
  }
}

.slidingPanelContentWrapper {
  @apply fixed
    bottom-0
    left-0
    box-border
    h-[95vh]
    w-full
    overflow-hidden
    rounded-lg
    border
    border-neutral-300
    bg-white
    p-0
    text-white
    duration-300
    motion-safe:ease-in-out
    dark:border-neutral-900
    dark:bg-zinc-950;
}

.slidingPanelInner {
  @apply relative
    mx-auto
    flex
    h-full
    max-w-4xl
    flex-col
    justify-between
    py-6;
}

.slidingPanelBottom {
  @apply relative;
}