<div style="flex: 1 1 3rem">
  <div
    class="fixed left-0 top-0 flex justify-between w-full p-2 bg-gray-800 text-white z-50"
  >
    <div class="grid grid-cols-1 gap-2">
      <a class="the-btn" href="<%= url_for('/')%>" title="首页">
        <!-- <i class="fas fa-home"></i> -->
        首页
      </a>
    </div>

    <div class="grid grid-cols-4 gap-2">
      <a id="search" class="the-btn" title="搜索">
        <!-- <i class="fas fa-search"></i> -->
        搜索
      </a>
      <a class="the-btn" href="<%= url_for('/about')%>" title="关于">
        <!-- <i class="fas fa-meh-blank"></i> -->
        关于
      </a>
      <a
        class="the-btn"
        href="<%= theme.github || '#' %>"
        target="_blank"
        title="gitbub"
      >
        <!-- <i class="fab fa-github"></i> -->
        git
      </a>
      <div id="theme" class="the-btn" title="主题">
        <!-- <i class="fas fa-sun"></i> -->
        主题
      </div>
    </div>
  </div>
</div>
