@rileybathurst/paddle 1.0.14 → 1.0.15

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rileybathurst/paddle",
   "private": false,
-  "version": "1.0.14",
+  "version": "1.0.15",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/src/PaddleLocationCard.tsx

@@ -151,17 +151,17 @@ const PhoneContent = ({
       {link?.includes("http") ? (
         <a
           href={link}
-          className="location"
+          className="svg"
           target="_blank"
           rel="noopener noreferrer"
           title={name}
         >
-          <div className="svg" dangerouslySetInnerHTML={{ __html: svg }} />
+          <div dangerouslySetInnerHTML={{ __html: svg }} />
         </a>
       ) : (
         link && (
-          <Link to={link} className="location">
-            <div className="svg" dangerouslySetInnerHTML={{ __html: svg }} />
+          <Link to={link} className="svg">
+            <div dangerouslySetInnerHTML={{ __html: svg }} />
           </Link>
         )
       )}

package/src/styles/buttons.css

@@ -233,6 +233,13 @@ menu button {
   justify-content: center;
 }
 
+.location_multi-link {
+  display: flex;
+  justify-content: space-between;
+  gap: var(--denali);
+  width: 100%;
+}
+
 /*------------------------------------*/
 
 footer .book-now {

package/src/styles/color.css

@@ -83,6 +83,15 @@ body .south-tahoe {
 /* #SPECS */
 /*------------------------------------*/
 
-.specs h2, .specs .spec__unit {
+.specs h2,
+.specs .spec__unit {
   color: grey;
-}
+}
+
+.menu__large hr {
+  border-color: var(--neutral-300);
+
+  @media (prefers-color-scheme: dark) {
+    border-color: var(--neutral-600);
+  }
+}

package/src/styles/layout.css

@@ -339,16 +339,24 @@ header {
   margin-block-end: var(--kilimanjaro);
 }
 
+.location:not(:last-child) {
+  border-block-end: 1px solid var(--neutral-400);
+  margin-block-end: var(--kosciuszko);
+}
+
 .location {
   display: flex;
-  flex-flow: row wrap;
+  flex-flow: row;
   align-items: center;
   gap: clamp(var(--kosciuszko), 1.67vw, var(--elbrus));
   border-radius: var(--card-radius);
 
-  > a {
-    display: flex;
-  }
+  /* TODO: this is breaking with a phone and pushing too much location */
+  /* > * {
+    flex: 3rem 1;
+    width: 100%;
+    height: fit-content;
+  } */
 
   > svg,
   .svg {
@@ -356,6 +364,10 @@ header {
     min-height: var(--everest);
   }
 
+  > div {
+    width: 100%;
+  }
+
   /* p {
     margin-block-end: 0; reset to the gap
   } */
@@ -365,6 +377,8 @@ header {
   }
 }
 
+.location:not(:last-child)
+
 /*------------------*/
 /* #COMPOSITION */
 /*------------------*/