new examples

c0ntradicti0n · Dec 13, 2023 · 54f153f · 54f153f
1 parent db90653
commit 54f153f
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 16 deletions.
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/web/src/ui/editor/BibtexViewer.js b/web/src/ui/editor/BibtexViewer.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { toJSON } from 'bibtex-parse-js'
 
-const BibTeXViewer = ({ entry, setIsGood, isGood, short = false }) => {
+const BibTeXViewer = ({ style={},  entry, setIsGood, isGood, short = false }) => {
   if (!entry) return null
   let parsedData
   try {
@@ -23,7 +23,7 @@ const BibTeXViewer = ({ entry, setIsGood, isGood, short = false }) => {
   }
   console.log(data)
   return (
-    <div className="bibtex-entry" style={{ display: 'inline' }}>
+    <div className="bibtex-entry" style={{ display: 'inline', ...style }}>
       <i>{parsedData[0].entryType}</i>{' '}
       <strong>{data.title}</strong>{' '}
       {!short && (

diff --git a/web/src/ui/editor/LibraryMenu.jsx b/web/src/ui/editor/LibraryMenu.jsx
@@ -31,6 +31,7 @@ import {
   UserInteractionMenu,
 } from './PuzzleControls'
 
+const isMobile = 'ontouchstart' in window || navigator.maxTouchPoints
 const LibraryMenu = ({
   activeTab,
   setActiveTab,
@@ -55,15 +56,16 @@ const LibraryMenu = ({
       .timeout(3000)
       .emit('save_params', hash, { ...params, actions: updatedActions })
   }
+
   return (
     <div>
       <Button
         type="primary"
         icon={<BookOutlined />}
         onClick={() => setCollapsed(!collapsed)}
-        style={{ width: '45vw', minWidth: '300' }}
+        style={{ width: isMobile ? "100vw" : '45vw', minWidth: '300' }}
       >
-        <BibTeXViewer entry={meta} short setIsGood={() => null} isGood inline />
+        <BibTeXViewer style={{fontSize: "0.8em"}} entry={meta} short setIsGood={() => null} isGood inline />
         <div style={{ maxWidth: '10vw', display: 'inline' }}>
           {hash && (
             <Progress