styling

bibliopolitica · Mar 17, 2024 · 71b2fb7 · 71b2fb7
1 parent 54a5c5a
commit 71b2fb7
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 18 deletions.
diff --git a/site/_includes/layouts/item.html b/site/_includes/layouts/item.html
@@ -17,7 +17,7 @@ <h1 class="text-2xl md:text-4xl md:tracking-tight font-bold">{{ item.label }}</h
     {% include "components/viewers/osd-iiif.html" %}
   </div>
   <div class="h-full">
-    <ul class="p-6 md:pl-10 space-y-2 md:basis-1/2 md:flex md:flex-col shrink min-w-80 bg-base-100 break-words">
+    <ul class="py-6 md:px-8 md:py-2 space-y-2 md:basis-1/2 md:flex md:flex-col shrink min-w-80 bg-base-100 break-words">
       <li><b>Alternate Title(s):</b> {{ item["Alternate title"] | join: '; ' | default: 'N/A' }}</li>
       <li><b>Corporate Creator(s):</b> {{ item["Corporate Creator"] | join: '; ' | default: 'N/A' }}</li>
       <li><b>Person Creator(s):</b> {{ item["Person Creator"] | join: '; ' | default: 'N/A' }}</li>

diff --git a/site/_includes/partials/header.html b/site/_includes/partials/header.html
@@ -1,4 +1,4 @@
-<div class="sticky top-0 z-50 navbar bg-base-100 drop-shadow-sm">
+<div class="sticky top-0 z-50 navbar bg-base-100 border-b border-neutral">
   <div class="navbar-start w-2/3 md:w-1/5">
     <a class="btn btn-ghost text-3xl text-accent font-serif" href="{{ '/' | url }}"><h1>{{ site.title }}</h1></a>
   </div>

diff --git a/site/pages/browse/items.md b/site/pages/browse/items.md
@@ -10,7 +10,7 @@ permalink: "/browse/items/index.html"
 <div class="md:flex px-5 pb-10">
   <aside class="flex-none top-0 min-w-56">
     <!-- mobile dropdown menu -->
-    <ul class="md:hidden menu menu-horizontal rounded-box border border-neutral-300 w-full mb-5">
+    <ul class="md:hidden menu menu-horizontal rounded-box border border-neutral w-full mb-5">
       <li>
       <details closed>
         <summary class="font-bold">Location</summary>
@@ -39,23 +39,23 @@ permalink: "/browse/items/index.html"
     <!-- desktop menu -->
     <ul class="hidden md:block md:text-sm sticky top-20 max-h-screen overflow-y-scroll">
       <li class="pb-5">
-        <div class="font-bold text-2xl mb-1">Location</div>
+        <div class="font-bold text-2xl tracking-tight mb-1">Location</div>
         <ul>
-          <li class="border-t py-1"><a href="">Turkey</a></li>
-          <li class="border-t py-1"><a href="">Iran</a></li>
-          <li class="border-t py-1"><a href="">Middle East and North Africa</a></li>
-          <li class="border-t py-1"><a href="">Egypt</a></li>
-          <li class="border-t py-1"><a class="italic" href="">Show more</a></li>
-        </ul> 
+          <li class="border-t border-neutral py-1"><a href="">Turkey</a></li>
+          <li class="border-t border-neutral py-1"><a href="">Iran</a></li>
+          <li class="border-t border-neutral py-1"><a href="">Middle East and North Africa</a></li>
+          <li class="border-t border-neutral py-1"><a href="">Egypt</a></li>
+          <li class="border-t border-neutral py-1"><a class="italic" href="">Show more</a></li>
+        </ul>
       </li>
-      <li class="pb-5">
-        <div class="font-bold text-2xl mb-1">Object Type</div>
+      <li class="pb-5"> 
+        <div class="font-bold border-neutral text-2xl tracking-tight mb-1">Object Type</div>
         <ul>
-          <li class="border-t py-1"><a href="">Manuscripts</a></li>
-          <li class="border-t py-1"><a class="font-bold text-accent" href="">Portraits</a></li>
-          <li class="border-t py-1"><a href="">Maps</a></li>
-          <li class="border-t py-1"><a href="">Panels</a></li>
-          <li class="border-t py-1"><a class="italic" href="">Show more</a></li>
+          <li class="border-t border-neutral py-1"><a href="">Manuscripts</a></li>
+          <li class="border-t border-neutral py-1"><a class="font-bold text-accent" href="">Portraits</a></li>
+          <li class="border-t border-neutral py-1"><a href="">Maps</a></li>
+          <li class="border-t border-neutral py-1"><a href="">Panels</a></li>
+          <li class="border-t border-neutral py-1"><a class="italic" href="">Show more</a></li>
         </ul>
       </li>
     </ul>

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -15,7 +15,7 @@ module.exports = {
       {
         light: {
           ...require("daisyui/src/theming/themes")["light"],
-          "base-100": "#F3EDE2", // alabaster
+          "base-100": "#f5f0e6", // alabaster
           "base-content": "#230616", // dark purple
           "accent": "#006642", // dartmouth green "#007A50", // dark spring green
           "secondary": "#a6673e", // brown sugar