songtianlun/anything-vs-anything
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix layout

Browse Source
This commit is contained in:
songtianlun 2025-07-03 00:34:50 +08:00
parent 6af5461bb8
commit 4040116649
4 changed files with 36 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/layout.tsx
View File

@ -108,6 +108,11 @@ export default function RootLayout({
data-site-id="13" data-site-id="13"
defer defer
></script> ></script>
<script
async
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7296634171837358"
crossOrigin="anonymous"
></script>
</head> </head>
<body <body
className={`${geistSans.variable} ${geistMono.variable} antialiased`} className={`${geistSans.variable} ${geistMono.variable} antialiased`}

5
src/app/page.tsx
View File

@ -4,6 +4,7 @@ import { useState } from 'react';
import ComparisonForm from '@/components/ComparisonForm'; import ComparisonForm from '@/components/ComparisonForm';
import ComparisonResults from '@/components/ComparisonResults'; import ComparisonResults from '@/components/ComparisonResults';
import ComparisonHistory, { HistoryItem } from '@/components/ComparisonHistory'; import ComparisonHistory, { HistoryItem } from '@/components/ComparisonHistory';
import ComparisonTips from '@/components/ComparisonTips';
import { saveToHistory } from '@/utils/historyStorage'; import { saveToHistory } from '@/utils/historyStorage';
export default function Home() { export default function Home() {
@ -88,6 +89,10 @@ export default function Home() {
<ComparisonResults results={comparisonResults} /> <ComparisonResults results={comparisonResults} />
</div> </div>
)} )}
<div className="mt-8">
<ComparisonTips />
</div>
</div> </div>
</main> </main>
); );

12
src/components/ComparisonResults.tsx
View File

@ -11,7 +11,7 @@ export default function ComparisonResults({ results }: ComparisonResultsProps) {
return ( return (
<div> <div>
<h2 className="text-2xl font-bold text-gray-900 mb-6">Comparison Results</h2> <h2 className="text-2xl font-bold text-gray-900 mb-6">Comparison Results</h2>
<div className="prose prose-lg max-w-none mb-8"> <div className="prose prose-lg max-w-none">
<ReactMarkdown <ReactMarkdown
remarkPlugins={[remarkGfm]} remarkPlugins={[remarkGfm]}
components={{ components={{
@ -46,16 +46,6 @@ export default function ComparisonResults({ results }: ComparisonResultsProps) {
{results} {results}
</ReactMarkdown> </ReactMarkdown>
</div> </div>
<div className="mt-8 p-4 bg-gray-50 rounded-lg border-t">
<h3 className="text-sm font-semibold text-gray-700 mb-2">💡 Tips for better comparisons:</h3>
<ul className="text-sm text-gray-600 space-y-1">
<li>• Be specific: &quot;iPhone 15 Pro&quot; vs &quot;iPhone 15&quot;</li>
<li>• Add context in descriptions for nuanced analysis</li>
<li>• Compare similar categories for meaningful results</li>
<li>• Try abstract concepts too: &quot;Remote work&quot; vs &quot;Office work&quot;</li>
</ul>
</div>
</div> </div>
); );
} }

25
src/components/ComparisonTips.tsx Normal file
View File

@ -0,0 +1,25 @@
export default function ComparisonTips() {
return (
<div className="bg-white rounded-xl shadow-lg p-6">
<h3 className="text-lg font-semibold text-gray-800 mb-4">💡 Tips for better comparisons</h3>
<ul className="text-sm text-gray-600 space-y-2">
<li className="flex items-start">
<span className="text-blue-500 mr-2">•</span>
<span>Be specific: &quot;iPhone 15 Pro&quot; vs &quot;iPhone 15&quot;</span>
</li>
<li className="flex items-start">
<span className="text-blue-500 mr-2">•</span>
<span>Add context in descriptions for nuanced analysis</span>
</li>
<li className="flex items-start">
<span className="text-blue-500 mr-2">•</span>
<span>Compare similar categories for meaningful results</span>
</li>
<li className="flex items-start">
<span className="text-blue-500 mr-2">•</span>
<span>Try abstract concepts too: &quot;Remote work&quot; vs &quot;Office work&quot;</span>
</li>
</ul>
</div>
);
}