@everymatrix/casino-header-controller 0.0.167 → 0.0.171
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.
|
@@ -7905,7 +7905,7 @@
|
|
|
7905
7905
|
class PlayerAccountBalanceModal extends SvelteElement {
|
|
7906
7906
|
constructor(options) {
|
|
7907
7907
|
super();
|
|
7908
|
-
this.shadowRoot.innerHTML = `<style>p{padding:0;margin:0}.ShowBalance{position:relative}.ShowBalance .BalanceValue{font-size:14px;cursor:pointer}.ShowBalance .BalanceValue svg{width:16px}.BalanceModalWrapper{background-color:#fff;position:absolute;top:45px;left:50%;transform:translateX(-50%);padding:10px;box-shadow:0px 30px 30px #D0046C1A;border-radius:5px;z-index:
|
|
7908
|
+
this.shadowRoot.innerHTML = `<style>p{padding:0;margin:0}.ShowBalance{position:relative}.ShowBalance .BalanceValue{font-size:14px;cursor:pointer}.ShowBalance .BalanceValue svg{width:16px}.BalanceModalWrapper{background-color:#fff;position:absolute;top:45px;left:50%;transform:translateX(-50%);padding:10px;box-shadow:0px 30px 30px #D0046C1A;border-radius:5px;z-index:3;box-shadow:0px 5px 20px 0px #191919}.BalanceModalWrapper:before{content:"";background:#fff;clip-path:polygon(50% 0, 0% 100%, 100% 100%);position:absolute;top:-8px;left:50%;width:25px;height:10px;transform:translateX(-50%);z-index:1}.BalanceModalClose{position:absolute;top:5px;right:5px;width:20px;height:20px;z-index:1;cursor:pointer}.BalanceModalClose:before{content:"";background:#FD2839;position:absolute;top:8px;left:0;width:20px;height:2px;transform:rotate(45deg)}.BalanceModalClose:after{content:"";background:#FD2839;position:absolute;top:8px;left:0;width:20px;height:2px;transform:rotate(-45deg)}.BalanceModal{position:relative;width:280px}.BalanceModalHeader{display:flex;align-items:center;justify-content:center;padding:20px 0}.BalanceModalHeader .BalanceModalTitle{font-size:16px;font-weight:bold;color:#07072A}.BalanceModalRow{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #D1D1D1}.BalanceModalRow:last-child{border-bottom:none}.BalanceModalRow .BalanceModalText{color:#58586B;font-size:14px;text-transform:capitalize}.BalanceModalRow .BalanceModalValue{font-size:14px;font-weight:bold;color:#07072A}.BalanceModalFooter{display:flex;align-items:center;padding:20px 0 10px}.BalanceModalFooter .BalanceModalAction{background:#FD2839;font-size:12px;color:white;text-transform:uppercase;width:100%;border-radius:5px;border:none;padding:10px 0;cursor:pointer}.BalanceModalFooter .BalanceModalAction:hover{background:#f00215}.ShowBalanceModalOverlay{background-color:rgba(0, 0, 0, 0.7);position:fixed;top:0;bottom:0;left:0;right:0;z-index:2}</style>`;
|
|
7909
7909
|
|
|
7910
7910
|
init(
|
|
7911
7911
|
this,
|
|
@@ -9783,7 +9783,7 @@
|
|
|
9783
9783
|
class CasinoHeaderController extends SvelteElement {
|
|
9784
9784
|
constructor(options) {
|
|
9785
9785
|
super();
|
|
9786
|
-
this.shadowRoot.innerHTML = `<style>.HeaderWrapper{background:#050518}.HeaderContainer{max-width:1280px;display:flex;flex-direction:row;align-items:center;height:84px;margin:0 auto}.HeaderBranding{width:150px;cursor:pointer}.HeaderMainNav{text-align:left}.HeaderTopActions{text-align:right;margin-left:auto}.HeaderSecondaryNav{flex-direction:row;width:100%;background:#050518;border-top:1px solid #58586B}.HeaderItemsMenu{display:flex;align-content:flex-start;list-style:none;text-transform:uppercase;color:#FFF;font-size:16px;align-items:center}.HeaderItemsMenu .Item{padding:0 15px;display:flex;align-items:center}.HeaderItemsMenu.PrimaryMenu{gap:10px}.ItemLogin{border-radius:5px;background:transparent;font-size:14px;border:solid 1px #FFF;height:44px;text-align:center;line-height:44px;margin-right:20px;cursor:pointer}.ItemRegister,.ItemDeposit{border-radius:5px;background:#E32D2C;font-size:14px;height:44px;text-align:center;line-height:44px;cursor:pointer}.ItemDeposit{background:#D0046C}.ItemLanguage{height:44px;width:68px;text-align:center;line-height:44px;background:transparent;color:#fff;border:none;cursor:pointer}.ItemLanguage option{color:#0a0c19}.ItemAccount{cursor:pointer}.ItemAccount svg{width:20px;height:20px}.HeaderItemsMenuSecondary{display:flex;flex-direction:row;align-content:flex-start;align-items:center;height:60px;list-style:none;text-transform:uppercase;color:#FFF;font-size:14px;max-width:1280px;margin:0 auto;overflow-y:hidden;overflow-x:auto;padding:0}.HeaderItemsMenuSecondary .ItemSecondary{padding:0 15px;cursor:pointer;transition-duration:0.15s}.HeaderItemsMenuSecondary .ItemSecondary a{color:#fff;text-decoration:none}.HeaderItemsMenuSecondary .ItemSecondary:hover a{color:#D0046C}.HeaderMobileWrapper .HeaderContainer{height:55px;padding:0 15px;gap:10px}.HeaderMobileWrapper .HeaderBranding{width:
|
|
9786
|
+
this.shadowRoot.innerHTML = `<style>.HeaderWrapper{background:#050518}.HeaderContainer{max-width:1280px;display:flex;flex-direction:row;align-items:center;height:84px;margin:0 auto}.HeaderBranding{width:150px;cursor:pointer}.HeaderMainNav{text-align:left}.HeaderTopActions{text-align:right;margin-left:auto}.HeaderSecondaryNav{flex-direction:row;width:100%;background:#050518;border-top:1px solid #58586B}.HeaderItemsMenu{display:flex;align-content:flex-start;list-style:none;text-transform:uppercase;color:#FFF;font-size:16px;align-items:center}.HeaderItemsMenu .Item{padding:0 15px;display:flex;align-items:center}.HeaderItemsMenu.PrimaryMenu{gap:10px}.ItemLogin{border-radius:5px;background:transparent;font-size:14px;border:solid 1px #FFF;height:44px;text-align:center;line-height:44px;margin-right:20px;cursor:pointer}.ItemRegister,.ItemDeposit{border-radius:5px;background:#E32D2C;font-size:14px;height:44px;text-align:center;line-height:44px;cursor:pointer}.ItemDeposit{background:#D0046C}.ItemLanguage{height:44px;width:68px;text-align:center;line-height:44px;background:transparent;color:#fff;border:none;cursor:pointer}.ItemLanguage option{color:#0a0c19}.ItemAccount{cursor:pointer}.ItemAccount svg{width:20px;height:20px}.HeaderItemsMenuSecondary{display:flex;flex-direction:row;align-content:flex-start;align-items:center;height:60px;list-style:none;text-transform:uppercase;color:#FFF;font-size:14px;max-width:1280px;margin:0 auto;overflow-y:hidden;overflow-x:auto;padding:0}.HeaderItemsMenuSecondary .ItemSecondary{padding:0 15px;cursor:pointer;transition-duration:0.15s}.HeaderItemsMenuSecondary .ItemSecondary a{color:#fff;text-decoration:none}.HeaderItemsMenuSecondary .ItemSecondary:hover a{color:#D0046C}.HeaderMobileWrapper .HeaderContainer{height:55px;padding:0 15px;gap:10px}.HeaderMobileWrapper .HeaderBranding{width:80px}.HeaderMobileWrapper .HeaderBranding img{width:100%}.HeaderMobileWrapper .HeaderItemsMenu .Item{display:block;width:unset}.HeaderMobileWrapper .HeaderItemsMenu .ItemAccount{padding:0}.HeaderMobileWrapper .ItemRegister,.HeaderMobileWrapper .ItemDeposit,.HeaderMobileWrapper .ItemLogin{height:30px;line-height:30px;font-size:12px}.HeaderMobileWrapper .ItemLogin{margin-right:10px}</style>`;
|
|
9787
9787
|
|
|
9788
9788
|
init(
|
|
9789
9789
|
this,
|