File size: 2,408 Bytes
4d6f2bc
6ac2c39
4d6f2bc
b7c0c19
4d6f2bc
 
b7c0c19
4d6f2bc
c851587
 
 
 
4d6f2bc
 
 
 
 
 
459aacb
 
 
 
c851587
 
6ac2c39
c851587
 
4d6f2bc
611f9c5
9d8b222
 
611f9c5
98afd85
ef33bcd
9d8b222
4d6f2bc
f70898c
 
 
 
c851587
 
053b3a4
 
ef33bcd
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
053b3a4
c851587
 
053b3a4
c851587
 
 
 
 
 
 
 
 
 
 
 
 
 
ad19934
 
 
053b3a4
98afd85
 
 
 
c851587
ad19934
1a688bc
4d6f2bc
 
effc0a0
 
 
 
 
c851587
 
 
 
611f9c5
b7c0c19
c851587
b7c0c19
c851587
b7c0c19
 
b70fffe
c851587
 
 
b70fffe
c851587
ef33bcd
 
 
 
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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
.accordion {
  --block-border-width: 0px;
  background-color: transparent;
  padding: 0px;
}
.accordion > button {
  margin-bottom: 16px;
  justify-content: flex-start;
  color: var(--body-text-color-subdued);
}
.accordion > button:hover {
  color: var(--body-text-color);
}
.accordion > button > span:first-child {
  width: auto;
  margin-right: 4px;
}

#embeddings .token {
  border-radius: 4px;
}

.gallery {
  background-color: var(--bg);
}
.gallery:is(.dark *) {
  background-color: var(--bg-dark);
}
.gallery .grid-wrap {
  overflow-y: auto;
}
.gallery, .gallery .grid-wrap {
  height: calc(100vh - 430px);
  max-height: none;
}

.gap-0, .gap-0 * {
  gap: 0px;
}

.icon-button {
  max-width: 42px;
}

#intro {
  margin-bottom: 8px !important;
}
#intro > div {
  display: flex;
}
#intro > div > h1 > span {
  font-style: italic;
  color: #047857 !important;
}
#intro > div > h1 > span:is(.dark *) {
  color: #10b981 !important;
}
#intro > div > svg {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0.25rem;
  margin-left: 0.5rem;
  align-self: center;
  fill: #047857 !important;
  animation: spin 3s linear infinite reverse;
}
#intro > div > svg:is(.dark *) {
  fill: #10b981 !important;
}

.popover {
  position: relative;
}
.popover:hover::after {
  white-space: nowrap;
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
  padding: 4px 8px;
  border-radius: 4px;
  border-width: 1px;
  border-color: var(--button-secondary-border-color-hover);
  background: var(--button-secondary-background-fill-hover);
  color: var(--button-secondary-text-color-hover);
  font-weight: var(--section-header-text-weight);
  font-size: var(--section-header-text-size);
}
.popover#random:hover::after {
  content: 'Random prompt';
}
.popover#clear:hover::after {
  content: 'Clear';
}
.popover#clear-control:hover::after {
  content: 'Clear';
}
.popover#refresh:hover::after {
  content: var(--seed, "-1");
}

#settings h3 {
  color: var(--block-title-text-color) !important;
  margin-top: 8px !important;
}

.tabs, .tabitem, .tab-nav, .tab-nav > .selected {
  border-width: 0px;
}
.tabitem {
  max-height: calc(100vh - 260px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 0 8px;
}
.tab-nav {
  margin-bottom: 16px;
  flex-wrap: nowrap;
}
.tab-nav > button {
  padding-bottom: 8px;
  text-wrap: wrap;
}

@keyframes spin {
  100% { transform: rotate(360deg); }
}