guandan.dev

import React from 'react'

import ReactDOM from 'react-dom/client'

import App from './App'

const style = document.createElement('style')

style.textContent = `

  * {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

  }

  html, body, #root {

    height: 100%;

    overflow: hidden;

  }

  body {

    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    background-color: #1a1a2e;

    -webkit-tap-highlight-color: transparent;

    -webkit-touch-callout: none;

    touch-action: manipulation;

  }

  ::-webkit-scrollbar {

    width: 4px;

    height: 4px;

  }

  ::-webkit-scrollbar-track {

    background: transparent;

  }

  ::-webkit-scrollbar-thumb {

    background: rgba(255,255,255,0.2);

    border-radius: 2px;

  }

  button {

    -webkit-tap-highlight-color: transparent;

  }

`

document.head.appendChild(style)

const viewport = document.querySelector('meta[name="viewport"]')

if (!viewport) {

  const meta = document.createElement('meta')

  meta.name = 'viewport'

  meta.content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover'

  document.head.appendChild(meta)

}

ReactDOM.createRoot(document.getElementById('root')!).render(

  <React.StrictMode>

    <App />

  </React.StrictMode>

)