Merge pull request #446 from StampyAI/sundry-fixes

fixes
StampyAI · Feb 26, 2024 · aa30093 · aa30093
2 parents d1f02f5 + 020639b
commit aa30093
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/app/components/Article/Contents.tsx b/app/components/Article/Contents.tsx
@@ -123,9 +123,9 @@ const insertGlossary = (pageid: string, glossary: Glossary) => {
       addPopup(
         e as HTMLSpanElement,
         `glossary-${entry.term}`,
-        `<div class="glossary-popup flex-container black col-6 small">
+        `<div class="glossary-popup flex-container black small">
               <div class="contents col-8">
-                   <h3>${entry.term}</h3>
+                   <div class="small-bold">${entry.term}</div>
                    <div class="defintion">${entry.contents}</div>
                    ${link || ''}
               </div>

diff --git a/app/components/Article/article.css b/app/components/Article/article.css
@@ -66,6 +66,8 @@ article .glossary-entry {
 article .link-popup {
   visibility: hidden;
   opacity: 0;
+  width: 522px;
+  height: 304px;
   position: absolute;
   display: inline-block;
   font: var(--baseFont);
@@ -83,7 +85,6 @@ article .contents a.button {
   font-weight: normal;
 }
 article .link-popup .glossary-popup > .contents {
-  height: 21.46vw;
   padding: var(--spacing-24) var(--spacing-40) var(--spacing-24);
 }
 article .defintion {
@@ -96,6 +97,7 @@ article .defintion {
 }
 article .link-popup .glossary-popup > img {
   width: 100%;
+  height: 303px;
   border-top-right-radius: var(--border-radius);
   border-bottom-right-radius: var(--border-radius);
 }

diff --git a/app/components/Widget/Stampy.tsx b/app/components/Widget/Stampy.tsx
@@ -13,7 +13,7 @@ export const WidgetStampy = () => {
     'Do people seriously worry about existential risk from AI?',
   ]
 
-  const stampyUrl = `https://chat.aisafety.info/?question=${question.trim()}`
+  const stampyUrl = (question: string) => `https://chat.aisafety.info/?question=${question.trim()}`
   return (
     <div className="chat col-10">
       <div className="col-6 padding-bottom-56">
@@ -27,7 +27,7 @@ export const WidgetStampy = () => {
           <div className="padding-bottom-24">Try asking me...</div>
           {questions.map((question, i) => (
             <div key={i} className="padding-bottom-16">
-              <Button className="secondary-alt" action={stampyUrl}>
+              <Button className="secondary-alt" action={stampyUrl(question)}>
                 {question}
               </Button>
             </div>
@@ -44,11 +44,11 @@ export const WidgetStampy = () => {
           onChange={(e) => setQuestion(e.target.value)}
           onKeyDown={(e) => {
             if (e.key === 'Enter' && question.trim()) {
-              window.location = stampyUrl as any
+              window.location = stampyUrl(question) as any
             }
           }}
         />
-        <Link to={stampyUrl}>
+        <Link to={stampyUrl(question)}>
           <SendIcon />
         </Link>
       </div>