ui-components/src/components/Sidebar.module.css at main · java-tools/ui-components · 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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
.container {
  @apply max-w-[216px] w-full p-4 border border-white rounded-md h-auto relative min-h-[80vh] z-10 bg-dark-blue;
  transition: max-width 0.2s linear;
}
.collapsed {
  @apply max-w-[96px] text-center;
}
.buttonExpand {
  @apply border rounded-md p-1 border-white hover:bg-white hover:bg-opacity-20;
}
.buttonSettings {
  @apply border rounded-md p-1 border-white hover:bg-white hover:bg-opacity-20;
}
.buttonCollapse {
  @apply absolute right-[-0.875rem] border-0 z-20 bg-main-dark-blue;
  /* Override tailwind dist button[type='button]: background: transparent*/
  top: 1rem;
}
.title {
  @apply text-white font-semibold pb-6;
}
.titleCollapsed {
  @apply text-white text-[10px] pt-2 pb-6;
}
.buttonItem {
  @apply flex items-center justify-start border-0 rounded-md w-full py-1 hover:bg-white hover:bg-opacity-20;
}
.buttonCreate {
  @apply flex items-center justify-start border-0 w-full pt-1 pb-4 cursor-pointer whitespace-nowrap;
}
.hoverSemibold {
  @apply hover:font-semibold;
}
.disabled {
  @apply opacity-30 cursor-default;
}
.buttonItemCollapsed {
  @apply w-auto;
}
.item {
  @apply text-white ml-2 grow-0 text-left flex flex-col;
  width: calc(100% - 28px)
}
.itemSubTitle {
  @apply text-[10px] leading-[10px];
}
.itemTitle{
  @apply text-xs text-ellipsis overflow-hidden whitespace-nowrap;
}

.itemSelected {
  @apply text-light-green;
}
.items {
  @apply flex flex-col gap-y-4;
}
.bottom {
  @apply absolute left-0 bottom-[1rem] w-full px-4;
}
.titleSettings {
  @apply text-white font-semibold ml-3;
}
.buttonSettingsExpanded {
  @apply flex items-center justify-center w-full;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}