JSFiddle - React, Tailwind, and code Playground

by sii_side

HTML

<style>
#ad:hover,#memberContainer:hover,#noticeContainer:hover {
  width: 200px !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
}

#logViewerController {
  right: 28px !important;
}

#mainContainer,#beforeLoadingMain {
  height: auto !important;
  min-height: 150px;
  max-height: 100% !important;
}

#mainContainer div.ui-tabs-panel {
  height: 100% !important;
  max-height: 400px !important;
}

#header {
  right: 32px !important;
}

#logContainer,#logViewerLogContainer {
  right: 32px !important;
}

#mainContainer {
  right: 32px !important;
}

#mainForm #formMessage {
  height: auto !important;
}

#messageTextArea {
  width: 99% !important;
  min-height: 50px !important;
}

.chatLog .uploadSample {
  max-width: 100% !important;
  height: auto !important;
  float: right !important;
}

.chatLog .uploadSample img:hover {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
}
</style>