Fix sytle

DBinK · Apr 21, 2023 · 2785e96 · 2785e96
1 parent 7798b8c
commit 2785e96
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/components/SearchDialog.tsx b/components/SearchDialog.tsx
@@ -259,7 +259,7 @@ export function SearchDialog() {
                   }`}
                 />
               </div>
-              <div className="text-xs text-gray-500 flex gap-2 dark:text-gray-100">
+              <div className="text-xs text-gray-500 md:flex space-y-2 md:space-y-0 gap-2 dark:text-gray-100">
                 Or try:{' '}
                 <button
                   type="button"
@@ -303,10 +303,10 @@ export function SearchDialog() {
               </div>
             </div>
             <DialogFooter>
-              <div className="text-xs text-gray-500 flex gap-2 dark:text-gray-100">
+              <div className="text-xs text-gray-500 flex mt-4 md:m-0 dark:text-gray-100">
                 * 回答由AI检索法律文件后生成，仅供参考！
               </div>
-              <Button type="submit" className="bg-red-500">
+              <Button type="submit" className="bg-red-500 block w-full md:w-auto md:inline-block">
                 Ask
               </Button>
             </DialogFooter>

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -30,8 +30,8 @@ export default function Home() {
               Made by <Image src={'/logo.png'} width="20" height="20" alt="MagickPen logo" /> MagickPen
             </Link>
           </div>
-          <div className="border-l border-gray-300 w-1 h-4 hidden md:block mt-4 md:m-0" />
-          <div className="flex items-center justify-center space-x-4">
+          <div className="border-l border-gray-300 w-1 h-4 hidden md:block" />
+          <div className="flex items-center justify-center space-x-4 mt-4 md:m-0">
             <div className="opacity-75 transition hover:opacity-100 cursor-pointer">
               <Link
                 href="https://github.com/lvwzhen/law-cn-ai"