Skip to content

Commit

Permalink
fix: header issue and other minor css changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@CS76
CS76 committed Jun 3, 2024
1 parent ac18255 commit 61606ad
Show file tree
Hide file tree
Showing 6 changed files with 210 additions and 223 deletions.
2 changes: 1 addition & 1 deletion resources/views/livewire/compound-classes.blade.php
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<div>
<div class="my-1 w-full mx-auto px-12 max-w-4xl lg:max-w-7xl">
<div class="my-1 w-full mx-auto px-8 max-w-4xl lg:max-w-7xl">
<div class="mb-4 border-gray-200 py-5 sm:flex sm:items-center sm:justify-between">
<h2 class="text-2xl pb-0 font-bold tracking-tight text-white sm:text-2xl"><span
class="-mb-1 block text-primary-dark bg-clip-text">Compound Classes</span></h2>
Expand Down
41 changes: 16 additions & 25 deletions resources/views/livewire/data-sources.blade.php
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<div>
<div class="my-10 w-full mx-auto px-12 max-w-4xl lg:max-w-7xl">
<div class="my-10 w-full mx-auto px-8 max-w-4xl lg:max-w-7xl">
{{--
<div>
<div class="mb-4 border-gray-200 py-5 sm:flex sm:items-center sm:justify-between">
Expand All @@ -13,38 +13,29 @@ class="-mb-1 block text-primary-dark bg-clip-text">Data Sources</span></h2>
<div class="py-16 sm:py-24 xl:mx-auto xl:max-w-7xl">
<div class="px-4 sm:flex sm:items-center sm:justify-between sm:px-6 lg:px-8 xl:px-0">
<h2 class="text-2xl font-bold tracking-tight text-gray-900">Collections</h2>
<a href="/collections" class="hidden text-sm font-semibold text-indigo-600 hover:text-indigo-500 sm:block">
<a href="/collections" class="text-sm font-semibold text-indigo-600 hover:text-indigo-500 sm:block">
Browse all collections
<span aria-hidden="true"> &rarr;</span>
</a>
</div>
<div class="mt-4 flow-root">
<div class="-my-2">
<div class="relative box-content py-2">
<div
class="space-x-8 px-4 sm:px-6 lg:px-8 xl:relative xl:grid xl:grid-cols-5 xl:gap-x-8 xl:space-x-0 xl:px-0">
@foreach ($collections as $collection)
<a href="search?type=tags&amp;q={{ $collection }}&amp;tagType=dataSource"
class="relative border mb-5 flex h-80 w-56 flex-col overflow-hidden rounded-lg p-6 hover:opacity-75 xl:w-auto">
<span aria-hidden="true" class="absolute inset-0">
</span>
<span aria-hidden="true"
class="absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-gray-800 opacity-50"></span>
<span
class="relative mt-auto text-center text-xl font-bold text-dark">{{ $collection }}</span>
</a>
@endforeach

</div>
<div class="relative box-content py-2">
<div
class="md:space-x-8 px-4 sm:px-6 lg:px-8 xl:relative xl:grid xl:grid-cols-5 xl:gap-x-8 xl:space-x-0 xl:px-0">
@foreach ($collections as $collection)
<a href="search?type=tags&amp;q={{ $collection }}&amp;tagType=dataSource"
class="relative border mb-5 flex h-80 w-full flex-col overflow-hidden rounded-lg p-6 hover:opacity-75 xl:w-auto">
<span aria-hidden="true" class="absolute inset-0">
</span>
<span aria-hidden="true"
class="absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-gray-800 opacity-50"></span>
<span
class="relative mt-auto text-center text-xl font-bold text-dark">{{ $collection }}</span>
</a>
@endforeach
</div>
</div>
</div>
<div class="mt-6 px-4 sm:hidden">
<a href="#" class="block text-sm font-semibold text-indigo-600 hover:text-indigo-500">
Browse all collections
<span aria-hidden="true"> &rarr;</span>
</a>
</div>
</div>
</div>
</div>
Expand Down
154 changes: 70 additions & 84 deletions resources/views/livewire/header.blade.php
View file
Original file line number Diff line number Diff line change
@@ -1,84 +1,70 @@
<!-- Header -->
<header class="absolute inset-x-0 top-0 z-50">
<nav class="flex items-center justify-between p-6 lg:px-8 max-w-4xl lg:max-w-7xl mx-auto" aria-label="Global">
<div class="flex lg:flex-1">
<a href="/" class="-m-1.5 p-1.5">
<x-authentication-card-logo />
</a>
</div>
<div class="flex lg:hidden">
<button type="button"
class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700">
<span class="sr-only">Open main menu</span>
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round"
d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
</svg>
</button>
</div>
<div class="hidden lg:flex lg:gap-x-12">
<a href="/search" class="text-sm font-semibold leading-6 text-gray-900">Browse</a>
<a href="/api-documentation" class="text-sm font-semibold leading-6 text-gray-900">API</a><a
href="/guidelines" class="text-sm font-semibold leading-6 text-gray-900">Guidelines</a><a
href="https://cheminf.uni-jena.de/" class="text-sm font-semibold leading-6 text-gray-900">About
us</a><a href="/download" class="text-sm font-semibold leading-6 text-gray-900">Download</a>
</div>
<div class="hidden lg:flex lg:flex-1 lg:justify-end">
@if (!auth()->user())
<a href="/login" class="text-sm font-semibold leading-6 text-gray-900">Log in <span
aria-hidden="true">&rarr;</span></a>
@endif
@if (auth()->user())
<a href="/dashboard" class="text-sm font-semibold leading-6 text-gray-900">Dashboard&emsp;<span
aria-hidden="true">&rarr;</span></a>
@endif
</div>
</nav>
<div class="lg:hidden" role="dialog" aria-modal="true">
<div class="fixed inset-0 z-50"></div>
<div
class="fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10">
<div class="flex items-center justify-between">
<a href="/" class="-m-1.5 p-1.5">
<x-authentication-card-logo />
</a>
<button type="button" class="-m-2.5 rounded-md p-2.5 text-gray-700">
<span class="sr-only">Close menu</span>
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>
<div class="mt-6 flow-root">
<div class="-my-6 divide-y divide-gray-500/10">
<div class="space-y-2 py-6">
<a href="/search"
class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">Browse</a>
<a href="/api-documentation"
class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">API</a>
<a href="/guidelines"
class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">Guidelines</a>
<a href="https://cheminf.uni-jena.de/"
class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">About
us</a>
<a href="/download"
class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">Download</a>
</div>
<div class="py-6">
@if (!auth()->user())
<a href="/login"
class="-mx-3 block rounded-lg px-3 py-2.5 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">Log
in</a>
@endif
@if (auth()->user())
<a href="/dashboard"
class="-mx-3 block rounded-lg px-3 py-2.5 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">Dashboard</a>
@endif
</div>
</div>
</div>
</div>
</div>
</header>
<header class="absolute inset-x-0 top-0 z-50" x-data="{ open: false }">
<nav class="flex items-center justify-between p-6 lg:px-8 max-w-4xl lg:max-w-7xl mx-auto" aria-label="Global">
<div class="flex lg:flex-1">
<a href="/" class="-m-1.5 p-1.5">
<x-authentication-card-logo />
</a>
</div>
<div class="flex lg:hidden">
<button type="button" @click="open = true"
class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700">
<span class="sr-only">Open main menu</span>
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
</svg>
</button>
</div>
<div class="hidden lg:flex lg:gap-x-12">
<a href="/search" class="text-sm font-semibold leading-6 text-gray-900">Browse</a>
<a href="/api-documentation" class="text-sm font-semibold leading-6 text-gray-900">API</a>
<a href="/guidelines" class="text-sm font-semibold leading-6 text-gray-900">Guidelines</a>
<a href="https://cheminf.uni-jena.de/" class="text-sm font-semibold leading-6 text-gray-900">About us</a>
<a href="/download" class="text-sm font-semibold leading-6 text-gray-900">Download</a>
</div>
<div class="hidden lg:flex lg:flex-1 lg:justify-end">
@if (!auth()->user())
<a href="/login" class="text-sm font-semibold leading-6 text-gray-900">Log in <span aria-hidden="true">&rarr;</span></a>
@endif
@if (auth()->user())
<a href="/dashboard" class="text-sm font-semibold leading-6 text-gray-900">Dashboard&emsp;<span aria-hidden="true">&rarr;</span></a>
@endif
</div>
</nav>
<div class="lg:hidden" role="dialog" aria-modal="true" x-show="open">
<div class="fixed inset-0 z-50" @click="open = false"></div>
<div class="fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10">
<div class="flex items-center justify-between">
<a href="/" class="-m-1.5 p-1.5">
<x-authentication-card-logo />
</a>
<button type="button" @click="open = false" class="-m-2.5 rounded-md p-2.5 text-gray-700">
<span class="sr-only">Close menu</span>
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>
<div class="mt-6 flow-root">
<div class="-my-6 divide-y divide-gray-500/10">
<div class="space-y-2 py-6">
<a href="/search" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">Browse</a>
<a href="/api-documentation" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">API</a>
<a href="/guidelines" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">Guidelines</a>
<a href="https://cheminf.uni-jena.de/" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">About us</a>
<a href="/download" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">Download</a>
</div>
<div class="py-6">
@if (!auth()->user())
<a href="/login" class="-mx-3 block rounded-lg px-3 py-2.5 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">Log in</a>
@endif
@if (auth()->user())
<a href="/dashboard" class="-mx-3 block rounded-lg px-3 py-2.5 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">Dashboard</a>
@endif
</div>
</div>
</div>
</div>
</div>
</header>
2 changes: 1 addition & 1 deletion resources/views/livewire/molecule-details.blade.php
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div class="mx-auto max-w-4xl lg:max-w-7xl px-10">
<div class="mx-auto max-w-4xl lg:max-w-7xl px-4 md:px-10">
<div class="py-10 bg-white mt-32 rounded-lg border">
<div
class="mx-auto max-w-3xl px-4 sm:px-6 md:flex md:items-center md:justify-between md:space-x-5 lg:max-w-7xl lg:px-8">
Expand Down
Loading

0 comments on commit 61606ad

Please sign in to comment.