Storage
@@ -414,7 +420,7 @@ onMounted(
}
.host {
- padding: 1em;
+ padding: 1rem;
border: 2px solid #ccc;
border-radius: 20px;
flex-direction: column;
@@ -430,14 +436,12 @@ onMounted(
.outline-anime {
margin-right: 0.5em;
}
+}
- .meta1-left {
- .host-name {
- text-align: center;
- font-size: 1.2rem;
- font-weight: bold;
- }
- }
+.host-name {
+ text-align: center;
+ font-size: 1.5rem;
+ font-weight: bold;
}
.meta-2 {
@@ -450,6 +454,7 @@ onMounted(
.section {
margin-bottom: 0.5rem;
+ justify-content: flex-start;
}
}
@@ -461,7 +466,7 @@ onMounted(
border: 1px dashed;
border-color: var(--text-color-1);
border-radius: 50px;
- margin-right: 10px;
+ margin-right: 0.5rem;
background-color: #dfdfdf;
color: var(--text-color-1);
font-size: 0.8rem;
@@ -469,7 +474,7 @@ onMounted(
}
.icon {
- margin-right: 0.3em;
+ margin-right: 0.618rem;
height: 16px;
}
@@ -480,7 +485,7 @@ onMounted(
}
.uptime {
- padding: 0.1em 0.5rem;
+ padding: 0 0.5rem;
font-size: 0.8rem;
border-radius: 50px;
border: 1px dashed;
@@ -488,7 +493,6 @@ onMounted(
}
.charts-container {
- margin-top: 0.5rem;
.hw-info {
width: 30%;
@@ -512,22 +516,16 @@ onMounted(
}
.section-name {
+ text-align: center;
font-size: 1rem;
font-weight: bold;
- margin-top: 1rem;
}
.net {
- margin-top: 1rem;
-
.net-chart {
width: 100%;
aspect-ratio: 2;
}
}
-.disks {
- margin-top: 1rem;
-}
-
\ No newline at end of file
diff --git a/src/style.css b/src/style.css
index 793399b..10e9434 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,5 +1,5 @@
:root {
- font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+ font-family: 'Josefin Sans', sans-serif;
line-height: 1.5;
font-weight: 400;
@@ -13,8 +13,10 @@
-moz-osx-font-smoothing: grayscale;
--text-color-1: #000;
--text-color-2: #383838;
+
}
+
.dark {
color: #fff;
background-color: #000;
diff --git a/tsconfig.app.tsbuildinfo b/tsconfig.app.tsbuildinfo
index a79ea4b..7ae796b 100644
--- a/tsconfig.app.tsbuildinfo
+++ b/tsconfig.app.tsbuildinfo
@@ -1 +1 @@
-{"root":["./src/main.ts","./src/vite-env.d.ts","./src/api/index.ts","./src/api/node.ts","./src/api/utils.ts","./src/router/index.ts","./src/app.vue","./src/components/helloworld.vue","./src/components/host.vue","./src/components/hostdisks.vue","./src/components/nav.vue","./src/components/outlineanime.vue","./src/views/home.vue","./src/views/test.vue"],"version":"5.6.2"}
\ No newline at end of file
+{"root":["./src/main.ts","./src/vite-env.d.ts","./src/api/index.ts","./src/api/node.ts","./src/api/utils.ts","./src/router/index.ts","./src/app.vue","./src/components/disk.vue","./src/components/helloworld.vue","./src/components/host.vue","./src/components/hostdisks.vue","./src/components/nav.vue","./src/components/outlineanime.vue","./src/views/home.vue","./src/views/test.vue"],"version":"5.6.2"}
\ No newline at end of file