Laux/Frontend-Internal-Developer-Platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed

Browse Source
This commit is contained in:
Laux Dev
2026-03-25 10:17:10 +08:00
parent 395de5ef88
commit 18524971f8
5 changed files with 42 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/app/projects/view/[servicesId]/styles.module.css
View File

@@ -98,6 +98,9 @@
letter-spacing: 0.16px;
outline: none;
}
.textarea::placeholder {
color: #85869b;
}
.textarea:focus {
border-radius: 6px;
border: 1px solid #959aff;

3
frontend/src/app/projects/view/add-from-scratch/styles.module.css
View File

@@ -129,6 +129,9 @@
letter-spacing: 0.16px;
outline: none;
}
.textarea::placeholder {
color: #85869b;
}
.textarea:focus {
border-radius: 6px;
border: 1px solid #959aff;

53
frontend/src/app/projects/view/page.jsx
View File

@@ -111,34 +111,36 @@ const AddProject = () => {
"services-drop-down",
]}
/>
{isMobile ? (
<div className={styles.cardContainer}>
<MobileSearchBar />
{sampleData.map((data, key) => (
<div className={styles.cardContainer}>
<MobileSearchBar />
{isMobile &&
sampleData.map((data, key) => (
<Card
data={data}
key={key}
onClick={() => router.push(`${pathName}/${data.id}`)}
/>
))}
</div>
) : (
<div className={styles.tableContainer}>
<table className={styles.table}>
<thead>
<tr>
<th>Name</th>
<th>Version</th>
<th>Health</th>
<th>Status</th>
<th width="10%">Image</th>
<th>Ingress</th>
<th>Port</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
{sampleData.map((services, index) => {
</div>
<div className={styles.tableContainer}>
<table className={styles.table}>
<thead>
<tr>
<th>Name</th>
<th>Version</th>
<th>Health</th>
<th>Status</th>
<th width="10%">Image</th>
<th>Ingress</th>
<th>Port</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
{!isMobile &&
sampleData.map((services, index) => {
return (
<tr
key={index}
@@ -380,10 +382,9 @@ const AddProject = () => {
</tr>
);
})}
</tbody>
</table>
</div>
)}
</tbody>
</table>
</div>
</div>
</div>
</div>

10
frontend/src/app/projects/view/styles.module.css
View File

@@ -188,7 +188,7 @@
opacity: 1;
}
.cardContainer {
display: flex;
display: none;
padding: 0 16px;
padding-bottom: 50px;
height: calc(100vh - 170px);
@@ -198,3 +198,11 @@
align-self: stretch;
overflow: auto;
}
@media (max-width: 768px) {
.cardContainer {
display: flex;
}
.tableContainer {
display: none;
}
}