observatory

This commit is contained in:
alma 2025-05-04 21:09:30 +02:00
parent d680a5f348
commit 40a591b231

View File

@ -193,7 +193,7 @@ export function ObservatoryView() {
// Loading state
if (loading) {
return (
<div className="w-full h-[calc(100vh-2rem)] flex items-center justify-center">
<div className="w-full h-screen flex items-center justify-center">
<RefreshCw className="h-10 w-10 animate-spin text-gray-400" />
</div>
);
@ -202,7 +202,7 @@ export function ObservatoryView() {
// Error state
if (error) {
return (
<div className="w-full h-[calc(100vh-2rem)] flex flex-col items-center justify-center">
<div className="w-full h-screen flex flex-col items-center justify-center">
<p className="text-red-500 mb-4">{error}</p>
<Button onClick={() => fetchNews(true)}>Retry</Button>
</div>
@ -213,9 +213,9 @@ export function ObservatoryView() {
const countriesMap = extractCountries(news);
return (
<div className="w-full h-[calc(100vh-2rem)] bg-[#f5f4ef]">
<div className="w-full h-screen bg-[#f5f4ef]">
{/* Main Content */}
<div className="grid grid-cols-2 gap-6 h-[calc(100vh-2rem)] p-6">
<div className="grid grid-cols-2 gap-6 h-screen p-6">
{/* News Feed Section */}
<div>
<div className="bg-white rounded-lg shadow-md overflow-hidden h-full flex flex-col">