triiiceratops 0.12.6 → 0.12.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -118,9 +118,6 @@
118
118
  <X size={20} weight="bold" />
119
119
  </button>
120
120
  </div>
121
- {:else}
122
- <!-- Add some padding if no close button -->
123
- <div class={isTop ? 'w-2' : 'h-2'}></div>
124
121
  {/if}
125
122
 
126
123
  <!-- Scrollable Actions -->
@@ -134,8 +131,8 @@
134
131
  isTop && isOverflowVisible && 'overflow-visible',
135
132
  !isTop &&
136
133
  !isOverflowVisible &&
137
- 'py-2 px-1 flex-1 overflow-y-auto overflow-x-hidden w-12',
138
- !isTop && isOverflowVisible && 'py-2 px-1 flex-1 w-12',
134
+ 'py-2 px-0 flex-1 overflow-y-auto overflow-x-hidden w-12',
135
+ !isTop && isOverflowVisible && 'py-2 px-0 flex-1 w-12',
139
136
  ]}
140
137
  >
141
138
  <!-- --- Standard Actions --- -->
@@ -144,7 +141,7 @@
144
141
  <li>
145
142
  <button
146
143
  class={[
147
- 'flex items-center justify-center',
144
+ 'flex items-center justify-center aspect-square rounded-full',
148
145
  viewerState.showSearchPanel && 'active',
149
146
  ]}
150
147
  use:tooltip={{
@@ -163,7 +160,7 @@
163
160
  <li>
164
161
  <button
165
162
  class={[
166
- 'flex items-center justify-center',
163
+ 'flex items-center justify-center aspect-square rounded-full',
167
164
  viewerState.showThumbnailGallery && 'active',
168
165
  ]}
169
166
  use:tooltip={{
@@ -193,7 +190,7 @@
193
190
  <div
194
191
  tabindex="0"
195
192
  role="button"
196
- class="flex items-center justify-center"
193
+ class="flex items-center justify-center aspect-square rounded-full"
197
194
  use:tooltip={{
198
195
  content: m.viewing_mode_label(),
199
196
  position: tooltipPos,
@@ -271,7 +268,7 @@
271
268
  <li>
272
269
  <button
273
270
  class={[
274
- 'flex items-center justify-center',
271
+ 'flex items-center justify-center aspect-square rounded-full',
275
272
  viewerState.isFullScreen && 'active',
276
273
  ]}
277
274
  use:tooltip={{
@@ -298,7 +295,7 @@
298
295
  <li>
299
296
  <button
300
297
  class={[
301
- 'flex items-center justify-center',
298
+ 'flex items-center justify-center aspect-square rounded-full',
302
299
  viewerState.showAnnotations && 'active',
303
300
  ]}
304
301
  use:tooltip={{
@@ -321,7 +318,7 @@
321
318
  <li>
322
319
  <button
323
320
  class={[
324
- 'flex items-center justify-center',
321
+ 'flex items-center justify-center aspect-square rounded-full',
325
322
  viewerState.showMetadataDialog && 'active',
326
323
  ]}
327
324
  use:tooltip={{
@@ -359,7 +356,7 @@
359
356
  <li>
360
357
  <button
361
358
  class={[
362
- 'flex items-center justify-center',
359
+ 'flex items-center justify-center aspect-square rounded-full',
363
360
  button.isActive?.() && 'active',
364
361
  ]}
365
362
  use:tooltip={{
@@ -1,4 +1,3 @@
1
- <!-- svelte-ignore options_missing_custom_element -->
2
1
  <svelte:options
3
2
  customElement={{
4
3
  tag: 'triiiceratops-viewer',