@everymatrix/player-account-menu 0.0.171 → 0.0.175
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.
|
@@ -5195,7 +5195,7 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
|
|
|
5195
5195
|
|
|
5196
5196
|
set_style(span, "width", !/*isMobile*/ ctx[8]
|
|
5197
5197
|
? "20px"
|
|
5198
|
-
: /*mediaQuery*/ ctx[9].matches ? "80px" : "
|
|
5198
|
+
: /*mediaQuery*/ ctx[9].matches ? "80px" : "30px");
|
|
5199
5199
|
|
|
5200
5200
|
set_style(span, "height", !/*isMobile*/ ctx[8]
|
|
5201
5201
|
? "20px"
|
|
@@ -5628,7 +5628,7 @@ viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;"
|
|
|
5628
5628
|
class PlayerAccountMenu extends SvelteElement {
|
|
5629
5629
|
constructor(options) {
|
|
5630
5630
|
super();
|
|
5631
|
-
this.shadowRoot.innerHTML = `<style>.PlayerAccountMenuContainer{color:#fff;position:relative;height:100vh;display:flex;flex-direction:column}.PlayerAccountMenuContainer .PlayerAccountMenuItemWrapper{margin:0;word-break:break-all;display:flex;align-items:center}.PlayerAccountMenuContainer .PlayerAccountMenuItemWrapper span{display:flex;align-items:center}.PlayerAccountMenuHeader{color:#FFF;flex-grow:0;padding:30px 20px}.PlayerAccountMenuHeader .PlayerAccountMenuUser{margin-bottom:5px;font-size:18px}.PlayerAccountMenuHeader .PlayerAccountMenuEmail{font-size:14px}.PlayerAccountMenuHeader p{font-weight:300}.PlayerAccountMenuItemBox{padding:20px;font-size:16px;display:inline-flex;width:100%;box-sizing:border-box;align-items:center;cursor:pointer}.PlayerAccountMenuItemBox .PlayerAccountMenuItemTitle{margin-left:20px}.PlayerAccountMenuItemBox:not(:last-child){border-bottom:1px solid #
|
|
5631
|
+
this.shadowRoot.innerHTML = `<style>.PlayerAccountMenuContainer{color:#fff;position:relative;height:100vh;display:flex;flex-direction:column}.PlayerAccountMenuContainer .PlayerAccountMenuItemWrapper{margin:0;word-break:break-all;display:flex;align-items:center}.PlayerAccountMenuContainer .PlayerAccountMenuItemWrapper span{display:flex;align-items:center}.PlayerAccountMenuHeader{color:#FFF;flex-grow:0;padding:30px 20px}.PlayerAccountMenuHeader .PlayerAccountMenuUser{margin-bottom:5px;font-size:18px}.PlayerAccountMenuHeader .PlayerAccountMenuEmail{font-size:14px}.PlayerAccountMenuHeader p{font-weight:300}.PlayerAccountMenuItemBox{padding:16px 20px;font-size:16px;display:inline-flex;width:100%;box-sizing:border-box;align-items:center;cursor:pointer}.PlayerAccountMenuItemBox .PlayerAccountMenuItemTitle{margin-left:20px}.PlayerAccountMenuItemBox:not(:last-child){border-bottom:1px solid #696972}.PlayerAccountMenuItemBox .PlayerAccountMenuItemIcon{width:20px;padding-top:unset}.PlayerAccountMenuItemBox .PlayerAccountMenuItemIconMobile{width:30px;padding-top:15px}.PlayerAccountMenuList{flex-grow:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c9c9c9 #58586B}.PlayerAccountMenuList::-webkit-scrollbar{width:6px}.PlayerAccountMenuList::-webkit-scrollbar-track{background:#58586B}.PlayerAccountMenuList::-webkit-scrollbar-thumb{background:#c9c9c9}.PlayerAccountLogOutArea{background:#58586B;color:#fff;width:100%;flex-grow:0}.PlayerAccountMenuActiveItemBox{background:#D0046C;color:#FFF}.PlayerAccountMobileContainer{height:unset;color:#07072A}.PlayerAccountMobileContainer .PlayerAccountMenuCategoryTitle{margin-top:0;font-weight:600}.PlayerAccountMobileContainer .PlayerAccountMenuItemTitle{margin-left:0;text-transform:capitalize;line-height:14px}.PlayerAccountMobileContainer .PlayerAccountMenuEmail{margin:0}.PlayerAccountMobileContainer .PlayerAccountMenuList{display:grid;grid-template-columns:calc(33% - 6.66px) calc(33% - 6.66px) calc(33% - 6.66px);column-gap:10px;row-gap:10px;padding:0 20px 20px}.PlayerAccountMobileContainer .PlayerAccountMenuList .PlayerAccountMenuItemBox{border:1px solid #2F313E;border-radius:5px;height:auto;justify-content:center;padding-bottom:calc(100% - 22px);position:relative}.PlayerAccountMobileContainer .PlayerAccountMenuList .PlayerAccountMenuItemBox.PlayerAccountMenuActiveItemBox{background:#D0046C;border-bottom:1px solid #D0046C}.PlayerAccountMobileContainer .PlayerAccountMenuList .PlayerAccountMenuItemBox .PlayerAccountMenuItemIcon{width:30px}.PlayerAccountMobileContainer .PlayerAccountMenuList .PlayerAccountMenuItemWrapper{display:flex;align-items:center;justify-content:space-between;flex-flow:column;gap:6px;position:absolute;top:0;bottom:0;left:0;right:0}.PlayerAccountMobileContainer .PlayerAccountMenuList .PlayerAccountMenuItemWrapper .PlayerAccountMenuItemTitle{font-size:11px;padding:0 5px 15px 5px;font-weight:400;word-break:break-word;text-align:center;color:#FFF}.PlayerAccountMobileContainer .PlayerAccountLogOutArea{position:absolute;right:18px;top:56px;bottom:unset;background:transparent;width:48px}.PlayerAccountTabletContainer .PlayerAccountMenuHeader{padding:30px 40px}.PlayerAccountTabletContainer .PlayerAccountMenuCategoryTitle{font-size:32px}.PlayerAccountTabletContainer .PlayerAccountMenuUser{font-size:26px}.PlayerAccountTabletContainer .PlayerAccountMenuEmail{font-size:20px}.PlayerAccountTabletContainer .PlayerAccountMenuList{column-gap:20px;row-gap:20px;padding:0 40px 40px;grid-template-columns:calc(33% - 11px) calc(33% - 11px) calc(33% - 11px)}.PlayerAccountTabletContainer .PlayerAccountMenuList .PlayerAccountMenuItemBox .PlayerAccountMenuItemIcon{width:80px}.PlayerAccountTabletContainer .PlayerAccountMenuList .PlayerAccountMenuItemWrapper{gap:28px}.PlayerAccountTabletContainer .PlayerAccountMenuList .PlayerAccountMenuItemWrapper .PlayerAccountMenuItemTitle{font-size:24px}.PlayerAccountTabletContainer .PlayerAccountLogOutArea{right:54px;top:72px}</style>`;
|
|
5632
5632
|
|
|
5633
5633
|
init(
|
|
5634
5634
|
this,
|