designer

designer.html

<style>
  #paper_drawer_panel {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }
  #paper_panel {
    border: 2px solid orange;
    display: block;
  }
  #paper_panel1 {
    height: 100%;
    box-sizing: border-box;
    border: 2px solid blue;
    display: block;
  }
  #paper_header_panel {
    width: auto;
    height: 100%;
  }
  #paper_appbar {
    color: rgb(215, 229, 252);
    background-color: rgb(66, 133, 244);
  }
  #paper_panel2 {
    height: 1000px;
    display: block;
    background: linear-gradient(rgb(214, 227, 231), rgb(173, 216, 230));
  }
  #paper_appbar1 {
    right: 0px;
    color: rgb(215, 229, 252);
    background-color: rgb(66, 133, 244);
  }
</style>
<paper-drawer-panel responsivewidth="640px" defaultselected="main" id="paper_drawer_panel">
  <paper-panel drawer id="paper_panel">
    <paper-appbar responsivewidth="800px" theme="core-light-theme" id="paper_appbar1" class="core-light-theme">
      <paper-icon-button icon="menu" id="paper_icon_button" class="core-light-theme"></paper-icon-button>
      <div id="div" core-flex>Appbar</div>
    </paper-appbar>
  </paper-panel>
  <paper-panel main id="paper_panel1">
    <paper-header-panel mode="standard" id="paper_header_panel">
      <paper-appbar responsivewidth="800px" id="paper_appbar" class="core-light-theme">
        <paper-icon-button icon="menu" class="core-light-theme"></paper-icon-button>
        <div>Standard</div>
      </paper-appbar>
      <paper-panel id="paper_panel2"></paper-panel>
    </paper-header-panel>
  </paper-panel>
</paper-drawer-panel>