Sha256: c8b14196a4a881b60c00c9b28dae1662a22ae60d6a60fa6f354b7bfb071e3425

Contents?: true

Size: 1.79 KB

Versions: 29

Compression:

Stored size: 1.79 KB

Contents

<div class="md:flex md:items-center md:justify-between md:space-x-5">
  <div class="flex items-start space-x-5">
    <div class="flex-shrink-0">
      <div class="relative">
        <img class="h-16 w-16 rounded-full" src="https://images.unsplash.com/photo-1463453091185-61582044d556?ixlib=rb-=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=8&w=1024&h=1024&q=80" alt="">
        <span class="absolute inset-0 rounded-full shadow-inner" aria-hidden="true"></span>
      </div>
    </div>
    <!--
      Use vertical padding to simulate center alignment when both lines of text are one line,
      but preserve the same layout if the text wraps without making the image jump around.
    -->
    <div class="pt-1.5">
      <h1 class="text-2xl font-bold text-gray-900">Ricardo Cooper</h1>
      <p class="text-sm font-medium text-gray-500">Applied for <a href="#" class="text-gray-900">Front End Developer</a> on <time datetime="2020-08-25">August 25, 2020</time></p>
    </div>
  </div>
  <div class="justify-stretch mt-6 flex flex-col-reverse space-y-4 space-y-reverse sm:flex-row-reverse sm:justify-end sm:space-y-0 sm:space-x-3 sm:space-x-reverse md:mt-0 md:flex-row md:space-x-3">
    <button type="button" class="inline-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 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-100">Disqualify</button>
    <button type="button" class="inline-flex items-center justify-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-100">Advance to offer</button>
  </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/08.html
tailwind_dsl-0.0.31 .components/tui/application-ui/component/heading/page/08.html
tailwind_dsl-0.0.30 .components/tui/application-ui/component/heading/page/08.html
tailwind_dsl-0.0.29 .components/tui/application-ui/component/heading/page/08.html
tailwind_dsl-0.0.28 .components/tui/application-ui/component/heading/page/08.html
tailwind_dsl-0.0.27 .components/tui/application-ui/component/heading/page/08.html
tailwind_dsl-0.0.26 .components/tui/application-ui/component/heading/page/08.html
tailwind_dsl-0.0.25 .components/tui/application-ui/component/heading/page/08.html
tailwind_dsl-0.0.24 .components/tui/application-ui/component/heading/page/08.html
tailwind_dsl-0.0.23 .components/tui/application-ui/component/heading/page/08.html
tailwind_dsl-0.0.22 .components/tui/application-ui/component/heading/page/08.html
tailwind_dsl-0.0.21 .components/tui/application-ui/component/heading/page/08.html
tailwind_dsl-0.0.20 .components/tui/application-ui/component/heading/page/08.html
tailwind_dsl-0.0.19 .components/tui/application-ui/component/heading/page/08.html
tailwind_dsl-0.0.18 .components/tui/application-ui/component/heading/page/08.html
tailwind_dsl-0.0.17 .components/tui/application-ui/component/heading/page/08.html
tailwind_dsl-0.0.16 .components/tui/application-ui/component/heading/page/08.html
tailwind_dsl-0.0.15 .components/tui/application-ui/component/heading/page/08.html
tailwind_dsl-0.0.14 .components/tui/application-ui/component/heading/page/08.html
tailwind_dsl-0.0.13 .components/tui/application-ui/component/heading/page/08.html