From 27c2b9cf740fcff6ee8ebaca446923b5be53003a Mon Sep 17 00:00:00 2001 From: Venkata Chandra Sekhar Nainala Date: Sat, 31 Aug 2024 16:56:59 +0200 Subject: [PATCH] fix: small screen optimisation --- .../views/livewire/molecule-details.blade.php | 151 ++++++++---------- .../molecule-history-timeline.blade.php | 5 +- 2 files changed, 70 insertions(+), 86 deletions(-) diff --git a/resources/views/livewire/molecule-details.blade.php b/resources/views/livewire/molecule-details.blade.php index 050d3b8b..6a2f031d 100644 --- a/resources/views/livewire/molecule-details.blade.php +++ b/resources/views/livewire/molecule-details.blade.php @@ -1,5 +1,5 @@
-
+
@@ -19,7 +19,7 @@ class="mb-2 text-2xl break-all font-bold leading-7 break-words text-gray-900 sm:
+ class="flex items-baseline flex-wrap justify-between gap-y-2 gap-x-4 border-t border-gray-900/5 px-4 py-5 lg:py-10 sm:px-6 lg:border-t-0 xl:px-8 ">
NPLikeness
+ class="flex items-baseline flex-wrap justify-between gap-y-2 gap-x-4 border-t border-gray-900/5 px-4 py-5 lg:py-10 sm:px-6 lg:border-t-0 xl:px-8 sm:border-l">
Annotation Level
@@ -60,7 +60,7 @@ class="flex items-baseline flex-wrap justify-between gap-y-2 gap-x-4 border-t bo
+ class="flex items-baseline flex-wrap justify-between gap-y-2 gap-x-4 border-t border-gray-900/5 px-4 py-5 lg:py-10 sm:px-6 lg:border-t-0 xl:px-8 lg:border-l">
@@ -88,7 +88,7 @@ class="text-sm text-white absolute bg-green-400 rounded-lg p-2 transform -transl
+ class="flex items-baseline flex-wrap justify-between gap-y-2 gap-x-4 border-t border-gray-900/5 px-4 py-5 lg:py-10 sm:px-6 lg:border-t-0 xl:px-8 sm:border-l">
Mol. Formula
{{ $molecule->properties->molecular_formula }}
@@ -98,8 +98,8 @@ class="flex items-baseline flex-wrap justify-between gap-y-2 gap-x-4 border-t bo
@endif
-
+ class="mx-auto mt-8 grid max-w-3xl grid-cols-1 gap-6 sm:px-6 lg:max-w-7xl lg:grid-flow-col-dense lg:grid-cols-3 px-4"> +
@if ($molecule->organisms && count($molecule->organisms) > 0)
@@ -173,7 +173,8 @@ class="text-lg font-medium leading-6 text-gray-900"> @foreach ($molecule->geo_locations as $geo_location) @if ($geo_location != '')
  • - {{ $geo_location->name }} @@ -207,7 +208,8 @@ class="text-sm font-medium text-gray-500 sm:flex sm:justify-between">
    {{ $molecule->identifier }}
    • @@ -231,7 +233,8 @@ class="text-sm font-medium text-gray-500 sm:flex sm:justify-between">
    {{ $molecule->iupac_name }}
    @@ -243,7 +246,8 @@ class="text-sm font-medium text-gray-500 sm:flex sm:justify-between">
    {{ $molecule->standard_inchi }}
    @@ -255,7 +259,8 @@ class="text-sm font-medium text-gray-500 sm:flex sm:justify-between">
    {{ $molecule->standard_inchi_key }}
    @@ -267,7 +272,8 @@ class="text-sm font-medium text-gray-500 sm:flex sm:justify-between">
    {{ $molecule->canonical_smiles }}
    @@ -281,7 +287,8 @@ class="text-sm font-medium text-gray-500 sm:flex sm:justify-between">
    {{ $molecule->properties->murcko_framework ? $molecule->properties->murcko_framework : '-' }}
    @@ -343,22 +350,22 @@ classification
    @@ -696,11 +711,11 @@ class="text-base font-semibold leading-7 text-secondary-dark text-sm">
      -
    • Mol. Formula : {{ $molecule->properties->molecular_formula }}
      • -
    • +
    • Mol. Weight Total atom number : {{ $molecule->properties->total_atom_count }}
      • -
    • Heavy atom number : {{ $molecule->properties->heavy_atom_count }}
      • -
    • Aromatic Ring Count : {{ $molecule->properties->aromatic_rings_count }}
      • -
    • Rotatable Bond count : {{ $molecule->properties->rotatable_bond_count }}
      • -
    • Minimal number of rings : {{ $molecule->properties->number_of_minimal_rings }}
      • -
    • Formal Charge : {{ $molecule->properties->total_atom_count }}
      • -
    • Contains Sugar : {{ $molecule->properties->contains_sugar ? 'True' : 'False' }}
      • -
    • Contains Ring Sugars : {{ $molecule->properties->contains_ring_sugars ? 'True' : 'False' }}
      • -
    • Contains Linear Sugars : {{ $molecule->properties->contains_linear_sugars ? 'True' : 'False' }} @@ -768,40 +783,40 @@ class="ml-3 text-base text-gray-500">Contains Linear Sugars
      -
    • NP-likeness scores : {{ $molecule->properties->np_likeness }}
      • -
    • Alogp +
    • Alogp : {{ $molecule->properties->alogp }}
      • -
    • TopoPSA : {{ $molecule->properties->topological_polar_surface_area }}
      • -
    • Fsp3 +
    • Fsp3 : {{ $molecule->properties->total_atom_count }}
      • -
    • Hydrogen Bond Acceptor Count : {{ $molecule->properties->hydrogen_bond_acceptors }}
      • -
    • Hydrogen Bond Donor Count : {{ $molecule->properties->hydrogen_bond_donors }}
      • -
    • Lipinski Hydrogen Bond Acceptor Count : {{ $molecule->properties->hydrogen_bond_acceptors_lipinski }}
      • -
    • Lipinski Hydrogen Bond Donor Count : {{ $molecule->properties->hydrogen_bond_donors_lipinski }}
      • -
    • Lipinski RO5 Violations : {{ $molecule->properties->lipinski_rule_of_five_violations }} @@ -812,53 +827,21 @@ class="ml-3 text-base text-gray-500">Lipinski
    @endif - -
    -
    -
    - +
    +
    +
    +
    -
    +
    -
    -
    -
      -
    • -
      -
      -
      -
      -

      Created at

      - -
      -
      -
      -
      -
      • - -
    -
    - {{--
    - View - complete history -
    --}} -
    -
    -
    -
    - Report this compound
    -
    Request - changes to this page
    -
    +
    +
    Report this compound
    Request changes to this page
    -
    - +
    +
    -
    diff --git a/resources/views/livewire/molecule-history-timeline.blade.php b/resources/views/livewire/molecule-history-timeline.blade.php index 18c67f50..3f4f9260 100644 --- a/resources/views/livewire/molecule-history-timeline.blade.php +++ b/resources/views/livewire/molecule-history-timeline.blade.php @@ -1,6 +1,7 @@ -
    +