cleanup: light styling tweaks to demo page

devflowinc · Dec 28, 2024 · 3a55565 · 3a55565
1 parent 2ccd458
commit 3a55565
Show file tree

Hide file tree

Showing 7 changed files with 32 additions and 13 deletions.
diff --git a/clients/search-component/src/TrieveModal/index.css b/clients/search-component/src/TrieveModal/index.css
@@ -1307,7 +1307,7 @@ body {
     }
 
     .floating-search-input {
-      @apply p-2 outline-none text-base w-full text-black bg-transparent;
+      @apply p-2 outline-none text-base w-full text-black bg-transparent text-ellipsis;
 
       font-family: var(--tv-prop-brand-font-family);
     }

diff --git a/frontends/dashboard/src/analytics/utils/schemas/autocomplete.ts b/frontends/dashboard/src/analytics/utils/schemas/autocomplete.ts
@@ -86,7 +86,7 @@ type LibraryOptions = Omit<
   use_autocomplete?: boolean | null;
 };
 
-// Assert that public page search options are valid at type level
+// Assert that demo page search options are valid at type level
 type AssertValidOptions = z.infer<typeof publicPageSearchOptionsSchema>;
 // This will error if the modal prop types get out of sync with the schema
 export const assertValidOptions = (

diff --git a/frontends/dashboard/src/components/Sidebar.tsx b/frontends/dashboard/src/components/Sidebar.tsx
@@ -227,7 +227,7 @@ export const DashboardSidebar = () => {
               isExternal={false}
               icon={FiShare2}
               href={`/dataset/${datasetId()}/public-page`}
-              label="Public Page"
+              label="Demo Page"
             />
             <Link
               isExternal={false}

diff --git a/frontends/dashboard/src/pages/dataset/PublicPageSettings.tsx b/frontends/dashboard/src/pages/dataset/PublicPageSettings.tsx
@@ -19,10 +19,10 @@ export const PublicPageSettingsPage = () => {
       <div class="flex items-end justify-between pb-2">
         <div>
           <h2 id="user-details-name" class="text-xl font-medium leading-6">
-            Public Page
+            Demo Page
           </h2>
           <p class="mt-1 text-sm text-neutral-600">
-            Expose a public page to send your share your search to others
+            Expose a demo page to send your share your search to others
           </p>
         </div>
       </div>
@@ -735,7 +735,7 @@ const PublicPageControls = () => {
             <div class="flex items-center gap-1">
               <label class="block">Video Link</label>
               <Tooltip
-                tooltipText="Video that will be displayed on the public page. Needs to be the embed link."
+                tooltipText="Video that will be displayed on the demo page. Needs to be the embed link."
                 body={<FaRegularCircleQuestion class="h-3 w-3 text-black" />}
               />
             </div>
@@ -1350,7 +1350,7 @@ export const TabOptions = () => {
         <label class="block pt-4" for="">
           Message HTML
           <div class="text-xs text-neutral-500">
-            This is the HTML that will be displayed on the public page under
+            This is the HTML that will be displayed on the demo page under
             that tab
           </div>
         </label>

diff --git a/server/src/public/navbar.html b/server/src/public/navbar.html
@@ -12,12 +12,12 @@
       <p class="font-medium text-2xl">
         {{params.headingPrefix|safe if (params.headingPrefix is defined and
         params.headingPrefix) else 'Demo For'|safe}}
-        <span class="brand-name">
+        <span class="brand-name font-medium">
           {{params.forBrandName|safe if (params.forBrandName is defined and
           params.forBrandName) else 'Prospect'|safe}}
         </span>
       </p>
-      <p class="signature mt-1 pl-0.5 text-right text-sm">
+      <p class="signature mt-1 pl-0.5 text-right text-sm hidden sm:block">
         - From
         <a
           class="creator"
@@ -36,7 +36,7 @@
     <div class="flex-1"></div>
     <div
       id="nav-links"
-      class="flex flex-wrap items-center gap-4 justify-center sm:justify-right -mt-2 sm:mt-0"
+      class="flex flex-wrap items-center gap-3 sm:gap-4 justify-center sm:justify-right -mt-1 sm:mt-0"
     >
       <a
         class="flex items-center gap-1"

diff --git a/server/src/public/page.html b/server/src/public/page.html
@@ -489,7 +489,9 @@
             class="example-questions flex justify-center flex-wrap gap-1 mt-2 mx-auto px-4 sm:px-6 lg:max-w-7xl lg:px-8 w-full"
           >
             {% for question in params.defaultAiQuestions %}
-            <button class="text-brand-color text-white px-4 py-2 rounded-full">
+            <button
+              class="text-brand-color text-white px-4 py-2 rounded-full text-sm sm:text-base"
+            >
               {{ question }}
             </button>
             {% endfor %}

diff --git a/server/static/output.css b/server/static/output.css
@@ -580,8 +580,8 @@ video {
   margin-right: auto;
 }
 
-.-mt-2 {
-  margin-top: -0.5rem;
+.-mt-1 {
+  margin-top: -0.25rem;
 }
 
 .mb-10 {
@@ -623,6 +623,10 @@ video {
   display: flex;
 }
 
+.hidden {
+  display: none;
+}
+
 .size-full {
   width: 100%;
   height: 100%;
@@ -739,6 +743,10 @@ video {
   gap: 0.5rem;
 }
 
+.gap-3 {
+  gap: 0.75rem;
+}
+
 .gap-4 {
   gap: 1rem;
 }
@@ -926,6 +934,10 @@ video {
     margin-top: 3rem;
   }
 
+  .sm\:block {
+    display: block;
+  }
+
   .sm\:max-h-\[30rem\] {
     max-height: 30rem;
   }
@@ -966,6 +978,11 @@ video {
     font-size: 1.875rem;
     line-height: 2.25rem;
   }
+
+  .sm\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
 }
 
 @media (min-width: 768px) {