github/concrete
1
1
Fork 0
mirror of https://github.com/zama-ai/concrete.git synced 2026-01-10 05:18:00 -05:00
Code Issues Packages Projects Releases Wiki Activity

refactor(frontend/rust): use Zama theme in webapp

Browse Source
This commit is contained in:
youben11
2025-04-10 17:31:25 +01:00
parent c9e5887b19
commit d73ab14225
2 changed files with 38 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontends/concrete-rust/concrete-keygen/webapp/index.html
View File

@@ -16,10 +16,10 @@
Bootstrapping keys are generated in chunks so that we
don't go beyond Wasm memory limit.</p>
<form id="keygen-form">
<label for="keyset-file">Upload Concrete Keyset Info File:</label>
<label for="keyset-file">Upload Concrete Keyset Info File</label>
<input type="file" id="keyset-file" required>
<br>
<label for="chunk-size">Chunk Size:</label>
<label for="chunk-size">Chunk Size</label>
<input type="number" value="8" id="chunk-size" min="1" required>
<br>
<button type="submit">Generate Keyset</button>

52
frontends/concrete-rust/concrete-keygen/webapp/style.css
View File

@@ -1,7 +1,7 @@
body {
font-family: 'Roboto', sans-serif;
background-color: #f5f9ff;
color: #333;
background-color: #ffd209;
color: #000;
margin: 0;
padding: 0;
display: flex;
@@ -12,13 +12,14 @@ body {
}
h1 {
color: #0056b3;
color: #000;
margin-bottom: 20px;
font-weight: bold;
}
form {
background-color: #ffffff;
border: 1px solid #d1e3ff;
background-color: #000;
border: 1px solid #ffd209;
border-radius: 8px;
padding: 20px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
@@ -29,53 +30,72 @@ form {
label {
display: block;
margin-bottom: 10px;
font-weight: 500;
margin-bottom: 15px;
font-weight: bold;
color: #ffd209;
}
input[type="file"] {
margin-bottom: 20px;
padding: 10px;
border: 1px solid #d1e3ff;
border: 1px solid #ffd209;
border-radius: 4px;
width: 75%;
background-color: #000;
color: #ffd209;
}
input[type="number"] {
margin-bottom: 20px;
padding: 10px;
border: 1px solid #d1e3ff;
border: 1px solid #ffd209;
border-radius: 4px;
width: 40%;
background-color: #000;
color: #ffd209;
}
input::file-selector-button {
background-color: #ffd209;
color: #000;
border: none;
border-radius: 4px;
padding: 5px 10px;
margin-right: 10px;
font-size: 12px;
cursor: pointer;
transition: background-color 0.3s ease;
font-weight: bold;
}
button {
background-color: #0056b3;
color: #ffffff;
background-color: #ffd209;
color: #000;
border: none;
border-radius: 4px;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
font-weight: bold;
}
button:hover {
background-color: #003d80;
background-color: #e6b800;
}
#status {
margin-top: 20px;
font-size: 14px;
color: #333;
color: #000;
}
#download-link {
display: none;
margin-top: 20px;
text-decoration: none;
color: #0056b3;
font-weight: 500;
color: #000;
font-weight: 550;
}
#download-link:hover {
@@ -84,7 +104,7 @@ button:hover {
p {
font-size: 16px;
color: #555;
color: #000;
margin-bottom: 20px;
text-align: center;
width: 40%;