wh64/kuma-archive
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: gap fixed

Browse source
This commit is contained in:
WH64 2025-03-17 12:20:47 +09:00
parent 877bc62114
commit 7e8f945582
4 changed files with 34 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/App.scss
View file

@ -69,14 +69,24 @@
.ka-footer { .ka-footer {
width: 100%; width: 100%;
display: flex; display: flex;
margin: 1rem 0;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
div { .searched {
width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: row; justify-content: center;
}
.footer {
margin: 1rem 0;
width: 100%;
display: flex;
align-items: flex-end;
flex-direction: column;
justify-content: center; justify-content: center;
} }
} }

3
src/App.tsx
View file

@ -130,7 +130,8 @@ function Footer() {
) : <></> : <></>} ) : <></> : <></>}
<div className="footer"> <div className="footer">
&copy; 2020-2025 Project_IO. MIT License. Powered by WSERVER. <span>&copy; 2020-2025 Project_IO. All rights reserved.</span>
<span>Powered by WSERVER.</span>
</div> </div>
</footer> </footer>
); );

17
src/components/directory/directory.scss
View file

@ -18,7 +18,7 @@
padding: 0.25rem 10px; padding: 0.25rem 10px;
place-items: left center; place-items: left center;
transition-duration: 300ms; transition-duration: 300ms;
grid-template-columns: 0.1fr 2fr 1fr 1fr; grid-template-columns: 0.15fr 2fr 1fr 1fr;
&:hover { &:hover {
transition-duration: 300ms; transition-duration: 300ms;
@ -33,9 +33,22 @@
a:hover.ka-dir-item { a:hover.ka-dir-item {
text-decoration: underline; text-decoration: underline;
} }
@media (max-width: 640px) {
grid-template-columns: 0.05fr 1fr;
#size, #date {
display: none;
}
}
} }
} }
.ka-readme { .ka-readme {
padding: 1rem; padding: 1rem 1rem 0 1rem;
h1, h2 {
width: 100%;
border-bottom: 1px solid var(--foreground);
}
} }

8
src/components/directory/index.tsx
View file

@ -19,8 +19,8 @@ function Directory() {
<div className="ka-dir-row ka-dir-top"> <div className="ka-dir-row ka-dir-top">
<div className="ka-dir-item"></div> <div className="ka-dir-item"></div>
<b className="ka-dir-item">Name</b> <b className="ka-dir-item">Name</b>
<b className="ka-dir-item">Size</b> <b id="size" className="ka-dir-item">Size</b>
<b className="ka-dir-item">Date</b> <b id="date" className="ka-dir-item">Date</b>
</div> </div>
{path.data.path === "/" ? <></> : ( {path.data.path === "/" ? <></> : (
@ -56,12 +56,12 @@ function DirItem({ data }: { data: DirEntry }) {
<a className="ka-dir-item" href={data.path}> <a className="ka-dir-item" href={data.path}>
{data.name} {data.name}
</a> </a>
<span className="ka-dir-item"> <span id="size" className="ka-dir-item">
{data.is_dir ? ( {data.is_dir ? (
"-" "-"
): convert(data.file_size)} ): convert(data.file_size)}
</span> </span>
<span className="ka-dir-item"> <span id="date" className="ka-dir-item">
{data.date === -1 ? "-" : new Date(data.date * 1000).toLocaleString("en-US", { {data.date === -1 ? "-" : new Date(data.date * 1000).toLocaleString("en-US", {
weekday: "short", weekday: "short",
year: "numeric", year: "numeric",