Sha256: d4f9fd9fb82b2c7e80ac260af7996a849ec85e7d3be748f4e250366667863819

Contents?: true

Size: 1.77 KB

Versions: 29

Compression:

Stored size: 1.77 KB

Contents

<div class="overflow-hidden rounded-lg bg-white shadow">
  <h2 class="sr-only" id="profile-overview-title">Profile Overview</h2>
  <div class="bg-white p-6">
    <div class="sm:flex sm:items-center sm:justify-between">
      <div class="sm:flex sm:space-x-5">
        <div class="flex-shrink-0">
          <img class="mx-auto h-20 w-20 rounded-full" src="https://images.unsplash.com/photo-1550525811-e5869dd03032?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
        </div>
        <div class="mt-4 text-center sm:mt-0 sm:pt-1 sm:text-left">
          <p class="text-sm font-medium text-gray-600">Welcome back,</p>
          <p class="text-xl font-bold text-gray-900 sm:text-2xl">Rebecca Nicholas</p>
          <p class="text-sm font-medium text-gray-600">Product Designer</p>
        </div>
      </div>
      <div class="mt-5 flex justify-center sm:mt-0">
        <a href="#" class="flex items-center justify-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50">View profile</a>
      </div>
    </div>
  </div>
  <div class="grid grid-cols-1 divide-y divide-gray-200 border-t border-gray-200 bg-gray-50 sm:grid-cols-3 sm:divide-y-0 sm:divide-x">
    <div class="px-6 py-5 text-center text-sm font-medium">
      <span class="text-gray-900">12</span>
      <span class="text-gray-600">Vacation days left</span>
    </div>

    <div class="px-6 py-5 text-center text-sm font-medium">
      <span class="text-gray-900">4</span>
      <span class="text-gray-600">Sick days left</span>
    </div>

    <div class="px-6 py-5 text-center text-sm font-medium">
      <span class="text-gray-900">2</span>
      <span class="text-gray-600">Personal days left</span>
    </div>
  </div>
</div>

Version data entries

29 entries across 29 versions & 1 rubygems

Version Path
tailwind_dsl-0.0.32 .components/tui/application-ui/component/heading/page/09.html
tailwind_dsl-0.0.31 .components/tui/application-ui/component/heading/page/09.html
tailwind_dsl-0.0.30 .components/tui/application-ui/component/heading/page/09.html
tailwind_dsl-0.0.29 .components/tui/application-ui/component/heading/page/09.html
tailwind_dsl-0.0.28 .components/tui/application-ui/component/heading/page/09.html
tailwind_dsl-0.0.27 .components/tui/application-ui/component/heading/page/09.html
tailwind_dsl-0.0.26 .components/tui/application-ui/component/heading/page/09.html
tailwind_dsl-0.0.25 .components/tui/application-ui/component/heading/page/09.html
tailwind_dsl-0.0.24 .components/tui/application-ui/component/heading/page/09.html
tailwind_dsl-0.0.23 .components/tui/application-ui/component/heading/page/09.html
tailwind_dsl-0.0.22 .components/tui/application-ui/component/heading/page/09.html
tailwind_dsl-0.0.21 .components/tui/application-ui/component/heading/page/09.html
tailwind_dsl-0.0.20 .components/tui/application-ui/component/heading/page/09.html
tailwind_dsl-0.0.19 .components/tui/application-ui/component/heading/page/09.html
tailwind_dsl-0.0.18 .components/tui/application-ui/component/heading/page/09.html
tailwind_dsl-0.0.17 .components/tui/application-ui/component/heading/page/09.html
tailwind_dsl-0.0.16 .components/tui/application-ui/component/heading/page/09.html
tailwind_dsl-0.0.15 .components/tui/application-ui/component/heading/page/09.html
tailwind_dsl-0.0.14 .components/tui/application-ui/component/heading/page/09.html
tailwind_dsl-0.0.13 .components/tui/application-ui/component/heading/page/09.html