@betorigami/games 1.4.14 → 1.4.16

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.
Files changed (2) hide show
  1. package/dist/index.mjs +21 -10
  2. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -527,12 +527,12 @@ var os=Object.create;var{getPrototypeOf:rs,defineProperty:Cr,getOwnPropertyNames
527
527
  width: 100%;
528
528
  height: 40px;
529
529
  column-gap: 4px;
530
- background: var(--background-secondary, #272727);
530
+ background: var(--toggle-bg, var(--background-secondary, #272727));
531
531
  --toggle-outer-radius: var(--border-radius, 10px);
532
532
  --toggle-padding: 4px;
533
533
  --toggle-inner-radius: calc(var(--toggle-outer-radius) - var(--toggle-padding));
534
534
  padding: var(--toggle-padding);
535
- border-radius: var(--toggle-outer-radius);
535
+ border-radius: var(--button-border-radius, var(--toggle-outer-radius));
536
536
  transition: opacity 150ms ease;
537
537
  }
538
538
 
@@ -556,7 +556,7 @@ var os=Object.create;var{getPrototypeOf:rs,defineProperty:Cr,getOwnPropertyNames
556
556
  }
557
557
 
558
558
  .button {
559
- border-radius: var(--toggle-inner-radius);
559
+ border-radius: var(--button-border-radius, var(--toggle-inner-radius));
560
560
  height: 100%;
561
561
  width: 100%;
562
562
  border: none;
@@ -573,7 +573,7 @@ var os=Object.create;var{getPrototypeOf:rs,defineProperty:Cr,getOwnPropertyNames
573
573
  }
574
574
 
575
575
  .selected {
576
- background: var(--background-quaternary, #373737);
576
+ background: var(--toggle-active-bg, var(--background-quaternary, #373737));
577
577
  color: var(--primary-text-color, #FFFFFF);
578
578
  }
579
579
 
@@ -632,10 +632,10 @@ var os=Object.create;var{getPrototypeOf:rs,defineProperty:Cr,getOwnPropertyNames
632
632
  display: inline-block;
633
633
  position: relative;
634
634
 
635
- --button-top-right-radius: var(--border-radius, 10px);
636
- --button-top-left-radius: var(--border-radius, 10px);
637
- --button-bottom-right-radius: var(--border-radius, 10px);
638
- --button-bottom-left-radius: var(--border-radius, 10px);
635
+ --button-top-right-radius: var(--button-border-radius,var(--border-radius, 10px));
636
+ --button-top-left-radius: var(--button-border-radius,var(--border-radius, 10px));
637
+ --button-bottom-right-radius: var(--button-border-radius,var(--border-radius, 10px));
638
+ --button-bottom-left-radius: var(--button-border-radius,var(--border-radius, 10px));
639
639
  }
640
640
 
641
641
  :host::before {
@@ -2661,7 +2661,7 @@ var os=Object.create;var{getPrototypeOf:rs,defineProperty:Cr,getOwnPropertyNames
2661
2661
  display: flex;
2662
2662
  align-items: center;
2663
2663
  justify-content: center;
2664
- height: 32px;
2664
+ height: var(--footer-logo-height, 32px);
2665
2665
  max-height: 32px;
2666
2666
  margin: 0 auto;
2667
2667
  }
@@ -4021,6 +4021,8 @@ var os=Object.create;var{getPrototypeOf:rs,defineProperty:Cr,getOwnPropertyNames
4021
4021
  text-align: center;
4022
4022
  user-select: none;
4023
4023
  font-size: 60px;
4024
+ font-family: var(--limbo-multiplier-font, var(--font-family));
4025
+ font-variant-numeric: tabular-nums;
4024
4026
  }
4025
4027
 
4026
4028
  :host([data-is-desktop='true']) {
@@ -4468,6 +4470,7 @@ var os=Object.create;var{getPrototypeOf:rs,defineProperty:Cr,getOwnPropertyNames
4468
4470
 
4469
4471
  .keno-tile,
4470
4472
  .rear-button {
4473
+ font-family: var(--keno-tile-font, var(--font-family));
4471
4474
  padding: 0;
4472
4475
  border: none;
4473
4476
  outline: none;
@@ -5451,11 +5454,19 @@ var os=Object.create;var{getPrototypeOf:rs,defineProperty:Cr,getOwnPropertyNames
5451
5454
  overflow-x: hidden;
5452
5455
  }
5453
5456
 
5457
+ @media (max-width: 768px) {
5458
+ .game-layout-container {
5459
+ min-height: 100vh;
5460
+ min-height: 100svh; /* Small viewport height - ensures content fits when URL bar is visible */
5461
+ min-height: 100dvh; /* Dynamic viewport height - adapts as mobile browser UI shows/hides */
5462
+ }
5463
+ }
5464
+
5454
5465
  .game-layout-main {
5455
5466
  display: flex;
5456
5467
  flex-direction: column;
5457
5468
  background-position: center;
5458
- background-color: var(--background-secondary, #272727);
5469
+ background-color:var(--background-tertiary, #2F2F2F);
5459
5470
  color: var(--primary-text-color, #FFFFFF);
5460
5471
  flex: 1;
5461
5472
  overflow: auto;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@betorigami/games",
3
- "version": "1.4.14",
3
+ "version": "1.4.16",
4
4
  "author": "",
5
5
  "license": "UNLICENSED",
6
6
  "description": "",