Reorganizacja layoutu: Bento Cards jako główna część, prawy sidebar z video/news
This commit is contained in:
Vendored
+2
-2
@@ -19,8 +19,8 @@
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
|
||||
<script type="module" crossorigin src="/assets/index-Dx6C_443.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-_XCmdLEW.css">
|
||||
<script type="module" crossorigin src="/assets/index-D2vGqyJ4.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-CKyw65S0.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
|
||||
+8
-8
@@ -1,37 +1,37 @@
|
||||
{
|
||||
"hash": "ce8f670b",
|
||||
"configHash": "fbe7a72b",
|
||||
"hash": "28b81726",
|
||||
"configHash": "eaadbf54",
|
||||
"lockfileHash": "c46ea92c",
|
||||
"browserHash": "a22cf043",
|
||||
"browserHash": "e128a585",
|
||||
"optimized": {
|
||||
"react": {
|
||||
"src": "../../react/index.js",
|
||||
"file": "react.js",
|
||||
"fileHash": "c480598e",
|
||||
"fileHash": "8656f29a",
|
||||
"needsInterop": true
|
||||
},
|
||||
"react-dom": {
|
||||
"src": "../../react-dom/index.js",
|
||||
"file": "react-dom.js",
|
||||
"fileHash": "14b26ea9",
|
||||
"fileHash": "56290933",
|
||||
"needsInterop": true
|
||||
},
|
||||
"react/jsx-dev-runtime": {
|
||||
"src": "../../react/jsx-dev-runtime.js",
|
||||
"file": "react_jsx-dev-runtime.js",
|
||||
"fileHash": "60a60597",
|
||||
"fileHash": "a32305dd",
|
||||
"needsInterop": true
|
||||
},
|
||||
"react/jsx-runtime": {
|
||||
"src": "../../react/jsx-runtime.js",
|
||||
"file": "react_jsx-runtime.js",
|
||||
"fileHash": "5cd34b7f",
|
||||
"fileHash": "8b879eaf",
|
||||
"needsInterop": true
|
||||
},
|
||||
"react-dom/client": {
|
||||
"src": "../../react-dom/client.js",
|
||||
"file": "react-dom_client.js",
|
||||
"fileHash": "05ce8d7b",
|
||||
"fileHash": "73520fe4",
|
||||
"needsInterop": true
|
||||
}
|
||||
},
|
||||
|
||||
-3
@@ -1,3 +0,0 @@
|
||||
{
|
||||
"type": "module"
|
||||
}
|
||||
+12
-15
@@ -51,21 +51,6 @@ function App() {
|
||||
|
||||
<div className="page-wrapper">
|
||||
|
||||
{/* LEFT SIDEBAR */}
|
||||
<aside className="sidebar sidebar-left" aria-label="Najnowsze wiadomości">
|
||||
<div>
|
||||
<h3 className="sidebar-title">LATEST AI NEWS</h3>
|
||||
<div className="news-list">
|
||||
{newsData.map((item, index) => (
|
||||
<div key={index} className="news-item" tabIndex={0}>
|
||||
<div className="news-time">{item.time}</div>
|
||||
<div className="news-title">{item.title}</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
{/* CENTER BENTO AREA */}
|
||||
<main className="bento-area" aria-label="Artykuły">
|
||||
<BentoSlideshow
|
||||
@@ -109,6 +94,18 @@ function App() {
|
||||
</div>
|
||||
|
||||
<SubscribeBox />
|
||||
|
||||
<div style={{ marginTop: '2rem' }}>
|
||||
<h3 className="sidebar-title">LATEST AI NEWS</h3>
|
||||
<div className="news-list">
|
||||
{newsData.map((item, index) => (
|
||||
<div key={index} className="news-item" tabIndex={0}>
|
||||
<div className="news-time">{item.time}</div>
|
||||
<div className="news-title">{item.title}</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
</div>
|
||||
|
||||
+1
-1
@@ -185,7 +185,7 @@ h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0 auto;
|
||||
padding: 2rem;
|
||||
display: grid;
|
||||
grid-template-columns: 280px 1fr 300px;
|
||||
grid-template-columns: 1fr 300px;
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user