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"
defer
></script>
<script
async
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7296634171837358"
crossOrigin="anonymous"
></script>
</head>
<body
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 ComparisonResults from '@/components/ComparisonResults';
import ComparisonHistory, { HistoryItem } from '@/components/ComparisonHistory';
import ComparisonTips from '@/components/ComparisonTips';
import { saveToHistory } from '@/utils/historyStorage';
export default function Home() {
@ -88,6 +89,10 @@ export default function Home() {
<ComparisonResults results={comparisonResults} />
</div>
)}
<div className="mt-8">
<ComparisonTips />
</div>
</div>
</main>
);

12
src/components/ComparisonResults.tsx
View File

@ -11,7 +11,7 @@ export default function ComparisonResults({ results }: ComparisonResultsProps) {
return (
<div>
<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
remarkPlugins={[remarkGfm]}
components={{
@ -46,16 +46,6 @@ export default function ComparisonResults({ results }: ComparisonResultsProps) {
{results}
</ReactMarkdown>
</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>
);
}

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>
);
}