@everymatrix/casino-header-controller 0.0.164 → 0.0.168
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:2;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{position:
|
|
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:2;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{position:fixed;top:0;bottom:0;left:0;right:0}</style>`;
|
|
7909
7909
|
|
|
7910
7910
|
init(
|
|
7911
7911
|
this,
|