Footer

MaxwellBo · May 20, 2024 · a60cb34 · a60cb34
1 parent d31ee3f
commit a60cb34
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -2,7 +2,8 @@ import './App.css'
 import {
  useLoaderData,
  useRouteError,
- Outlet
+ Outlet,
+ Link
 } from "react-router-dom";
 
 export function App() {
@@ -75,6 +76,7 @@ export function DollPage() {
 
  return (
  <article className='doll-page'>
+ <Link to="/">&larr; Back </Link>
  <h2 className='margin-bottom monospace'>{doll.name}</h2>
  <div className='flex-wrap-row'>
  <Model doll={doll} big />
@@ -100,7 +102,7 @@ function Model(props: { doll: Doll, big: boolean }) {
  return (
  // @ts-ignore
  <model-viewer 
- style={ props.big ? { height: '30rem' } : {} }
+ style={ props.big ? { height: '30rem', margin: 'auto' } : {} }
  alt={props.doll.alt}
  src={props.doll.model} 
  environment-image="/environments/moon_1k.hdr" 

diff --git a/src/index.css b/src/index.css
@@ -7,7 +7,7 @@ body {
  /** set a nicer serif font */
  font-family: 'Lora', serif;
  /** set a reasonable max-width */
- max-width: min(80vw, 80ch);
+ max-width: min(80vw, 100ch);
  margin: 5vw auto;
  /** set a nice light tan background color */
  background-color: #fffff8;
@@ -21,6 +21,10 @@ body {
  margin-bottom: 1rem;
 }
 
+.padding-bottom {
+ margin-bottom: 1rem;
+}
+
 .card dl {
  font-size: 0.7rem;
 }
@@ -41,10 +45,10 @@ dl > dt {
 }
 
 dl > dd {
- max-width: 30ch;
+ max-width: 40ch;
  /** Description details should be monospace */
  font-family: 'Inconsolata', monospace;
- font-size: 1.2em;
+ font-size: 1.15em;
 }
 
 .card-grid {