@jjlmoya/utils-tabletop 1.15.0 → 1.16.0

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jjlmoya/utils-tabletop",
3
- "version": "1.15.0",
3
+ "version": "1.16.0",
4
4
  "type": "module",
5
5
  "main": "./src/index.ts",
6
6
  "types": "./src/index.ts",
@@ -675,6 +675,7 @@
675
675
  gap: 1.5rem;
676
676
  border-radius: 1rem;
677
677
  min-width: 0;
678
+ overflow: hidden;
678
679
  }
679
680
 
680
681
  .wheel-layout,
@@ -688,16 +689,33 @@
688
689
 
689
690
  .canvas-card,
690
691
  .tab-container {
691
- padding: 1rem;
692
+ width: 100%;
693
+ padding: 0.75rem;
692
694
  border-radius: 1rem;
695
+ overflow: hidden;
696
+ }
697
+
698
+ .wheel-canvas-section {
699
+ align-items: stretch;
700
+ gap: 1rem;
701
+ }
702
+
703
+ .wheel-canvas-container {
704
+ width: 100%;
705
+ max-width: 100%;
693
706
  }
694
707
 
695
708
  .wheel-canvas {
696
- width: min(320px, calc(100vw - 6rem));
697
- height: min(320px, calc(100vw - 6rem));
709
+ width: min(240px, 100%);
710
+ height: auto;
711
+ aspect-ratio: 1;
712
+ margin: 0 auto;
698
713
  }
699
714
 
700
715
  .spin-button {
716
+ align-self: stretch;
717
+ width: 100%;
718
+ max-width: 100%;
701
719
  min-height: 3.5rem;
702
720
  height: auto;
703
721
  padding: 0.85rem;
@@ -705,6 +723,18 @@
705
723
  white-space: normal;
706
724
  }
707
725
 
726
+ .mute-btn {
727
+ top: 0.75rem;
728
+ right: 0.75rem;
729
+ width: 2.35rem;
730
+ height: 2.35rem;
731
+ }
732
+
733
+ .result-placeholder {
734
+ padding: 0.75rem 0.5rem;
735
+ font-size: 0.85rem;
736
+ }
737
+
708
738
  .tab-headers,
709
739
  .preset-group {
710
740
  flex-wrap: wrap;