JSFiddle - React, Tailwind, and code Playground

by metulev

HTML

<script src="https://unpkg.com/@microsoft/mgt/dist/bundle/mgt-loader.js"></script>

<mgt-mock-provider></mgt-mock-provider>

<div class="root">
  <div class="navbar">
    <mgt-login></mgt-login>
  </div>
  
  <div class="content">

  </div>

</div>

CSS

body {
  margin: 0;
  padding: 0;
}

.root {
  height: 100vh;
}

.navbar {
  background: lightgray;
  width: 280px;
  height: 100vh;
  position: fixed;
}

.content {
  height: 100vh;
  width: 100vw;
  background: red;
}