Skip to content

Commit

Permalink
css tweaks
Browse files Browse the repository at this point in the history
  • Loading branch information
@Mudloop
Mudloop committed Nov 9, 2024
1 parent 48e0478 commit 14e7bac
Show file tree
Hide file tree
Showing 7 changed files with 68 additions and 57 deletions.
55 changes: 29 additions & 26 deletions docs/bundle/js/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1713,21 +1713,6 @@ const dependencies = {
:host([embedded]:not([enlarged])) .logo {
display: none;
}
#sidebar {
transition: transform 0.25s ease;
transform-origin: left;
width: 200px;
overflow: hidden;
display: flex;
flex-direction: column;position: relative;
left: 0;
margin: 0;
background-color: transparent;
padding: 0;
border: none;
height: 100%;
outline: none !important;
}
:host([size="md"]) #sidebar {
width: 160px;
}
Expand Down Expand Up @@ -1866,13 +1851,13 @@ const dependencies = {

border-radius: 2px;
padding: 0;
background-color: #353637d6;
background-color: #35363763;
flex: 1;
position: absolute;
top: 0px;
width: calc(100%);
left: 0;
max-height: calc(100%);
height: 100%;

overflow-y: auto;
}
Expand Down Expand Up @@ -2128,7 +2113,7 @@ const dependencies = {

ul {
border-radius: 2px;
background-color: #353637d6;
background-color: #35363763;
list-style: none;
padding: 0;
margin: 0;
Expand Down Expand Up @@ -2670,6 +2655,22 @@ const dependencies = {

`}xn([$r({type:String})],Bf.prototype,"type",void 0),xn([$r({type:String})],Bf.prototype,"oscType",void 0),xn([$r({type:Number})],Bf.prototype,"oscFrequency",void 0),Bf=xn([Cr("cmaj-input")],Bf);var JM="../assets/assets/img/logo.png";class BB extends Dr{constructor(){super(...arguments);this.hideProjectPanel=!1}static styles=wr`
${li}
:host {
transition: transform 0.25s ease;
transform-origin: left;
gap: 2px;
width: 200px;
overflow: hidden;
display: flex;
flex-direction: column;position: relative;
left: 0;
margin: 0;
background-color: transparent;
padding: 0;
border: none;
height: 100%;
outline: none !important;
}
.logo {
display: flex;
padding: 20px 8px;
Expand All @@ -2680,8 +2681,8 @@ const dependencies = {
}
.logo img {
width: 100%;
max-width: 150px;
min-width: 150px;
max-width: 135px;
min-width: 135px;
height: auto;

opacity: .65;
Expand All @@ -2708,7 +2709,7 @@ const dependencies = {
min-height: 38px;
display: flex;
flex-direction: row;
justify-content: space-between;
justify-content: center;
align-items: center;
border-bottom: 1px solid #4e4e4e;
}
Expand Down Expand Up @@ -2749,8 +2750,10 @@ const dependencies = {
</div>
<cmaj-github-user-widget></cmaj-github-user-widget>
<main>
${this.hideProjectPanel?Fn`${this.playground.project?.modified?Fn`<button @click=${()=>this.playground.resetProject()}>Reset</button>`:""}`:Fn`<cmaj-projects .playground=${this.playground}></cmaj-projects>`}
<flex-splitter id="main-splitter" attach="prev"></flex-splitter>
${this.hideProjectPanel?Fn`${this.playground.project?.modified?Fn`<button @click=${()=>this.playground.resetProject()}>Reset</button>`:""}`:Fn`
<cmaj-projects .playground=${this.playground}></cmaj-projects>
<flex-splitter id="main-splitter" attach="prev"></flex-splitter>
`}
${dd(this.playground.project.info.id,Fn`<cmaj-explorer .playground=${this.playground}></cmaj-explorer>`)}
</main>
`}xn([$r({type:Boolean})],BB.prototype,"hideProjectPanel",void 0),xn([$r({type:Object})],BB.prototype,"playground",void 0),BB=xn([Cr("cmaj-sidebar")],BB);class qB extends Dr{constructor(){super(...arguments);this.embedded=!1;this.enlarged=!1;this.previewMode=!1}static styles=wr`
Expand Down Expand Up @@ -2812,12 +2815,12 @@ const dependencies = {
<ui-icon width=20 height=20 id="split-right" icon="split-right" currentColors @click=${()=>this.playground.setAttribute("layout","horizontal")}></ui-icon>
<button @click=${()=>this.playground.removeAttribute("preview-mode")} id="edit"><ui-icon width=14 height=14 icon="edit" currentColors></ui-icon> Editor</button>
<button @click=${()=>this.playground.setAttribute("preview-mode","")} id="play"><ui-icon width=14 height=14 icon="player-play" currentColors></ui-icon> Player</button>
<ui-icon class="${$o.muted?"off":"selected"}" width="20" height="20" currentColors icon="${$o.muted?"muted":"unmuted"}" @click=${()=>this.playground.toggleMute()}></ui-icon>
<ui-icon class="${$o.muted?"off":"selected"}" width="20" height="20" currentColors icon="${$o.muted?"muted":"unmuted"}" @click=${()=>this.toggleMute()}></ui-icon>
${this.embedded&&this.enlarged?Fn`<ui-icon width=20 height=20 currentColors class="selected" icon="shrink" @click=${(t)=>this.playground.sendRequest("shrink")}></ui-icon>`:""}
${this.embedded&&!this.enlarged?Fn`<ui-icon width=20 height=20 currentColors icon="enlarge" @click=${(t)=>this.playground.sendRequest("enlarge")}></ui-icon>`:""}
<!--ui-icon width=20 height=20 id="settings" icon="tabler-settings-2" currentStroke @click=${()=>this.playground.setAttribute("preview-mode","")}></ui-icon-->
</div>
`}xn([$r({type:Object})],qB.prototype,"playground",void 0),xn([$r({type:String,attribute:!0})],qB.prototype,"size",void 0),xn([$r({type:Boolean,attribute:!0})],qB.prototype,"embedded",void 0),xn([$r({type:Boolean,attribute:!0})],qB.prototype,"enlarged",void 0),xn([$r({type:Boolean,attribute:"preview-mode"})],qB.prototype,"previewMode",void 0),qB=xn([Cr("cmaj-header")],qB);class bB extends Dr{static styles=wr`
`;toggleMute(){this.playground.toggleMute(),this.requestUpdate()}}xn([$r({type:Object})],qB.prototype,"playground",void 0),xn([$r({type:String,attribute:!0})],qB.prototype,"size",void 0),xn([$r({type:Boolean,attribute:!0})],qB.prototype,"embedded",void 0),xn([$r({type:Boolean,attribute:!0})],qB.prototype,"enlarged",void 0),xn([$r({type:Boolean,attribute:"preview-mode"})],qB.prototype,"previewMode",void 0),qB=xn([Cr("cmaj-header")],qB);class bB extends Dr{static styles=wr`
${li}
:host {
width: 100%;
Expand Down Expand Up @@ -2848,5 +2851,5 @@ const dependencies = {
</button>
`;connectGithub(t){window.open("https://github.com/login/oauth/authorize?client_id=Ov23li52ClmsCJFfVhqc","_blank")}disconnectGithub(t){Ec.disconnect(),document.location.replace("./")}}bB=xn([Cr("cmaj-github-user-widget")],bB);export{kB as Tabs,BB as Sidebar,mk as Prompt,fB as ProjectPanel,FB as ProductsPanel,pB as Playground,vc as MonacoEditor,io as Modals,_B as Menu,EB as Loader,TM as Layout,H6 as IconRegistry,pk as Icon,qB as Header,bB as GithubUserWidget,vB as FlexSplitter,vG as FileIcon,mB as Explorer,gB as ExamplesPanel,hk as Confirm,fX as CLOSE_ICON,Op as Alert};

//# debugId=4E6C9418D38BF2F364756E2164756E21
//# debugId=6A32AF8B10C4EE3A64756E2164756E21
//# sourceMappingURL=index.js.map
Loading

0 comments on commit 14e7bac

Please sign in to comment.