karma/crab-webapp
1
0
Fork 0
mirror of https://github.com/karma-riuk/crab-webapp.git synced 2025-07-05 14:18:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

made style better

Browse Source
This commit is contained in:
Karma Riuk
2025-05-15 11:31:39 +02:00
parent 38de43fc98
commit c88b2216df
2 changed files with 14 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
public/css/style.css
View File

@ -5,7 +5,6 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
top: 0; top: 0;
width: 100vw;
max-width: 100vw; max-width: 100vw;
z-index: 1000; z-index: 1000;
background: #fafafa; background: #fafafa;
@ -13,16 +12,6 @@
padding: 0 1em; padding: 0 1em;
} }
.info-btn {
background: none;
border: none;
font-size: 1.5rem;
}
button {
cursor: pointer;
}
body { body {
font-family: sans-serif; font-family: sans-serif;
margin: 0; margin: 0;
@ -43,9 +32,17 @@ fieldset {
button { button {
padding: 0.5em 1em; padding: 0.5em 1em;
cursor: pointer;
} }
h1 { .info-btn {
background: none;
border: none;
font-size: 1rem;
padding: 0;
}
header #page-title {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.5rem; gap: 0.5rem;

10
public/index.html
View File

@ -14,11 +14,11 @@
<body> <body>
<header class="site-header"> <header class="site-header">
<h1> <h3 id="page-title">
<img src="/img/crab.png" alt="Crab" class="crab-icon"> <img src="/img/crab.png" alt="Crab" class="crab-icon">
Crab Webapp Crab Webapp
</h1> </h3>
<button id="info-button" class="info-btn" aria-label="About this project">About</button> <button id="info-button" class="info-btn">About</button>
</header> </header>
<main> <main>
@ -48,7 +48,7 @@
<input type="file" id="file-cnput" accept="application/json" /> <input type="file" id="file-cnput" accept="application/json" />
<br /><br /> <br /><br />
<button id="upload-btn">Upload JSON</button> <button id="upload-btn">Upload JSON</button>
<span id="status" style="color: green;"> </span> <span id="status" class="hidden" style="color: green;"> </span>
</fieldset> </fieldset>
<fieldset> <fieldset>
@ -57,7 +57,7 @@
<input type="url" id="url" placeholder="https://gym.si.usi.ch:45003/results/XXXX" size=50 required /> <input type="url" id="url" placeholder="https://gym.si.usi.ch:45003/results/XXXX" size=50 required />
<br /><br /> <br /><br />
<button id="request-status">Request status</button> <button id="request-status">Request status</button>
<span id="status" style="color: green;"> </span> <span id="status" class="hidden" style="color: green;"> </span>
</fieldset> </fieldset>