Skip to content

Commit

Permalink
fix: various landing page optimisations
Browse files Browse the repository at this point in the history
  • Loading branch information
@CS76
CS76 committed Aug 30, 2024
1 parent 40800c6 commit 3f1bdcf
Show file tree
Hide file tree
Showing 6 changed files with 23 additions and 21 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-8 pb-5 max-w-4xl lg:max-w-7xl">
<div class="my-1 w-full mx-auto px-10 pb-5 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
2 changes: 1 addition & 1 deletion resources/views/livewire/data-sources.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ class="-mb-1 block text-primary-dark bg-clip-text">Data Sources</span></h2>
</div>
--}}
<div class="bg-white">
<div class="py-16 xl:mx-auto xl:max-w-7xl">
<div class="py-8 md:py-16 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="text-sm font-semibold text-indigo-600 hover:text-indigo-500 sm:block">
Expand Down
2 changes: 1 addition & 1 deletion resources/views/livewire/faqs.blade.php
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<div>
<div class="my-10">
<div class="my-10 px-10">
<h1 class="font-medium text-2xl max-w-3xl mx-auto pt-10 pb-4">Frequently asked questions</h1>
<div class="bg-white max-w-3xl mx-auto">
<ul class="shadow-box">
Expand Down
16 changes: 9 additions & 7 deletions resources/views/livewire/molecule-card.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,13 +17,15 @@
<div class="flex flex-1 flex-col justify-end">
<p class="text-sm font-medium text-gray-500">{{ $molecule->identifier }}</p>
</div>
<h3 class="mt-1 text-base font-bold text-gray-900 capitalize truncate" title="{{ $molecule->name }}">
@if ($molecule->name)
{{ $molecule->name }}
@else
{{ $molecule->iupac_name }}
@endif
</h3>
<div>
<h3 class="mt-1 text-base font-bold text-gray-900 capitalize text-clip overflow-hidden ..." title="{{ $molecule->name }}">
@if ($molecule->name)
{{ $molecule->name }}
@else
{{ $molecule->iupac_name }}
@endif
</h3>
</div>
</div>
</div>
<div class="flex justify-around p-4 py-2 border-t mt-1">
Expand Down
2 changes: 1 addition & 1 deletion resources/views/livewire/recent-molecules.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ class="inline-flex items-center rounded-md bg-secondary-dark px-3 py-2 text-sm f
</div>
</div>
<div>
<div class="px-4">
<div class="px-6">
<div class="mx-auto grid mt-6 gap-5 lg:max-w-none md:grid-cols-3 lg:grid-cols-5">
@foreach ($molecules as $molecule)
<livewire:molecule-card :key="$molecule->identifier" :molecule="$molecule" />
Expand Down
20 changes: 10 additions & 10 deletions resources/views/livewire/welcome.blade.php
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<div x-data="{ query: '', isOpen: false, activeTab: @entangle('activeTab') }">
<div class="relative mx-auto mt-32 grid w-full max-w-4xl lg:max-w-7xl grid-cols-1 px-4 sm:px-6 lg:px-8">
<div class="mx-auto w-full py-1 px-4 sm:px-6 sm:py-20 lg:px-8 mb-12">
<div class="mx-auto w-full py-1 px-6 sm:px-6 sm:py-20 lg:px-8 mb-12">
<div class="text-center max-w-4xl mx-auto">
<h1 class="text-3xl font-bold tracking-tight text-primary-dark sm:text-4xl"><span
class="block xl:inline">COCONUT: </span><span class="block text-secondary-dark xl:inline">the
Expand Down Expand Up @@ -50,7 +50,7 @@ class="cursor-pointer whitespace-nowrap border-b-2 px-1 py-4 text-sm font-medium
<div class="bg-white">
<div class="mx-auto max-w-7xl">
<div class="flex h-16 flex-shrink-0 rounded-md border border-gray-900 border-b-4">
<div class="flex flex-1 justify-between md:px-2">
<div class="flex flex-1 justify-between px-2">
<div class="flex flex-1">
<div class="flex w-full md:ml-0"><label for="search-field"
class="sr-only">Search</label>
Expand Down Expand Up @@ -116,7 +116,7 @@ class="flex-none h-4 w-4">
<div class="bg-white">
<div class="mx-auto max-w-7xl">
<div class="flex h-16 flex-shrink-0 rounded-md border border-gray-900 border-b-4">
<div class="flex flex-1 justify-between md:px-2">
<div class="flex flex-1 justify-between px-2">
<div class="flex flex-1">
<div class="flex w-full md:ml-0"><label for="search-field"
class="sr-only">Search</label>
Expand Down Expand Up @@ -181,7 +181,7 @@ class="flex-none h-4 w-4">
<div class="bg-white">
<div class="mx-auto max-w-7xl">
<div class="flex h-16 flex-shrink-0 rounded-md border border-gray-900 border-b-4">
<div class="flex flex-1 justify-between md:px-2">
<div class="flex flex-1 justify-between px-2">
<div class="flex flex-1">
<div class="flex w-full md:ml-0"><label for="search-field"
class="sr-only">Search</label>
Expand Down Expand Up @@ -243,7 +243,7 @@ class="flex-none h-4 w-4">
</div>
</div>
</div>
<div class="mt-16 flex items-center gap-x-6 justify-center w-full">
<div class="mt-16 flex items-center md:gap-x-6 gap-x-1 justify-center w-full">
<div>
<livewire:structure-editor :mode="'button'" lazy="on-load" :smiles="''" />
</div>
Expand Down Expand Up @@ -276,7 +276,7 @@ class="cursor-pointer border bg-gray-50 justify-center items-center text-center
<div class="mx-auto max-w-7xl">
<div class="grid grid-cols-1 gap-px bg-white/5 sm:grid-cols-2 lg:grid-cols-4">
<!-- Total Molecules Section -->
<a href="/search" class="bg-gray-900 py-6 px-8 sm:px-6 lg:px-8">
<a href="/search" class="bg-gray-900 py-6 px-10">
<p class="text-sm font-medium leading-6 text-gray-400">
<svg fill="currentColor" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" class="w-5 h-5 inline"
Expand Down Expand Up @@ -324,7 +324,7 @@ class="cursor-pointer border bg-gray-50 justify-center items-center text-center
</p>
</a>
<!-- Total Collections Section -->
<a href="/collections" class="bg-gray-900 px-8 py-6 sm:px-6 lg:px-8">
<a href="/collections" class="bg-gray-900 py-6 px-10">
<p class="text-sm font-medium leading-6 text-gray-400">
<svg class="w-5 h-5 inline" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"
fill="currentColor">
Expand All @@ -341,7 +341,7 @@ class="cursor-pointer border bg-gray-50 justify-center items-center text-center
</p>
</a>
<!-- Unique Organisms Section -->
<div class="bg-gray-900 px-8 py-6 sm:px-6 lg:px-8">
<div class="bg-gray-900 py-6 px-10">
<p class="text-sm font-medium leading-6 text-gray-400">
<svg fill="currentColor" class="w-5 h-5 inline" version="1.1" id="Layer_1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
Expand Down Expand Up @@ -409,7 +409,7 @@ class="cursor-pointer border bg-gray-50 justify-center items-center text-center
</p>
</div>
<!-- Citations Mapped Section -->
<div class="bg-gray-900 px-8 py-6 sm:px-6 lg:px-8">
<div class="bg-gray-900 py-6 px-10">
<p class="text-sm font-medium leading-6 text-gray-400">
<svg class="w-5 h-5 inline" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"
fill="currentColor">
Expand Down Expand Up @@ -438,7 +438,7 @@ class="cursor-pointer border bg-gray-50 justify-center items-center text-center
<livewire:faqs lazy="on-load" />
<div class="bg-gray-900 border-y">
<div
class="mx-auto max-w-4xl py-16 px-4 sm:px-6 sm:py-24 lg:flex lg:max-w-7xl lg:items-center lg:justify-between lg:px-8">
class="mx-auto max-w-4xl py-16 px-10 sm:px-10 sm:py-24 lg:flex lg:max-w-7xl lg:items-center lg:justify-between lg:px-8">
<div>
<h2 class="text-4xl font-bold tracking-tight text-white sm:text-4xl"><span class="block">Want to
contribute?</span><span
Expand Down

0 comments on commit 3f1bdcf

Please sign in to comment.