Fix a few css bugs

eidolon-ai · Jul 29, 2024 · 2b4ad1e · 2b4ad1e
1 parent 7171cf3
commit 2b4ad1e
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/webui/apps/docs/src/components/widgets/ContentWithTabs.astro b/webui/apps/docs/src/components/widgets/ContentWithTabs.astro
@@ -86,7 +86,7 @@ if (!id) {
         )}
         {tabs.length > 1 && (
           <div class="mb-2">
-            <ul class="flex flex-wrap text-sm font-medium text-center" id=`${id}-tab` data-tabs-toggle=`#${id}-tab-content` role="tablist">
+            <ul class="flex flex-nowrap text-sm font-medium text-center" id=`${id}-tab` data-tabs-toggle=`#${id}-tab-content` role="tablist">
               {tabs.map((item, index) => (
                 <li class="me-2" role="presentation">
                   <button

diff --git a/webui/apps/docs/src/components/widgets/Steps.astro b/webui/apps/docs/src/components/widgets/Steps.astro
@@ -23,13 +23,13 @@ const {
 
 <WidgetWrapper id={id} isDark={isDark} containerClass={`max-w-5xl ${classes?.container ?? ''}`} bg={bg}>
   <div class:list={['flex flex-col gap-8 md:gap-12', { 'md:flex-row-reverse': isReversed }, { 'md:flex-row': image}]}>
-    <div class:list={["md:self-center", { 'md:basis-1/2': image }, { "w-full": !image}]}>
+    <div class:list={["flex flex-col items-center md:self-center", { 'md:basis-1/2': image }, { "w-full": !image}]}>
       <Headline
         title={title}
         subtitle={subtitle}
         tagline={tagline}
         classes={{
-          container: 'text-left rtl:text-right',
+          container: 'text-left rtl:text-right mb-4 md:mb-4',
           title: 'text-xl lg:text-2xl',
           ...((classes?.headline as {}) ?? {}),
         }}

diff --git a/webui/apps/docs/src/pages/index.astro b/webui/apps/docs/src/pages/index.astro
@@ -56,6 +56,7 @@ const githubText = `<div style="height: 16px; width: 16px">${githubIcon}</div>&n
     <Steps
       title="Bring your enterprise into the genAI revolution in three easy steps"
       horizontal
+      classes = {{container: "pb-2 md:pb-2 lg:pb-2"}}
       items={[
         {
           title: '<span class="font-medium">1. Build</span>',