Bezbednosni audit i refaktoring: HP popravke, RBAC, flash poruke, go:embed, CSP
This commit is contained in:
+20
-136
@@ -4,142 +4,26 @@
|
||||
<meta charset="UTF-8" />
|
||||
<title>NTech — Konfiguracija</title>
|
||||
<style>
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
||||
background: #1a1a2e;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.kartica {
|
||||
background: #16213e;
|
||||
padding: 2rem;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
|
||||
width: 410px;
|
||||
border: 1px solid #0f3460;
|
||||
}
|
||||
|
||||
.zaglavlje {
|
||||
text-align: center;
|
||||
margin-bottom: 1.3rem;
|
||||
}
|
||||
|
||||
.zaglavlje h1 {
|
||||
color: #f8e45c;
|
||||
font-size: 1.4rem;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.zaglavlje p {
|
||||
color: #a0a0b0;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
.sekcija-naslov {
|
||||
color: #a0a0b0;
|
||||
font-size: 0.75rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
margin-bottom: 0.4rem;
|
||||
}
|
||||
|
||||
.port-opcija {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0.5rem 0.75rem;
|
||||
margin: 0.25rem 0;
|
||||
border: 2px solid #0f3460;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
color: #e0e0e0;
|
||||
}
|
||||
|
||||
.port-opcija:hover {
|
||||
border-color: #e94560;
|
||||
}
|
||||
|
||||
.port-opcija.izabran {
|
||||
border-color: #e94560;
|
||||
background: rgba(233, 69, 96, 0.1);
|
||||
}
|
||||
|
||||
.port-opcija.zauzet {
|
||||
opacity: 0.5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.slobodan {
|
||||
color: #2ecc71;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
.zauzet-tekst {
|
||||
color: #e74c3c;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
.razdvojnik {
|
||||
border: none;
|
||||
border-top: 1px solid #0f3460;
|
||||
margin: 0.75rem 0;
|
||||
}
|
||||
|
||||
input[type="number"] {
|
||||
width: 100%;
|
||||
padding: 0.5rem 0.75rem;
|
||||
background: #0f3460;
|
||||
border: 2px solid #0f3460;
|
||||
border-radius: 8px;
|
||||
font-size: 0.9rem;
|
||||
color: #e0e0e0;
|
||||
outline: none;
|
||||
transition: border-color 0.2s;
|
||||
}
|
||||
|
||||
input[type="number"]:focus {
|
||||
border-color: #e94560;
|
||||
}
|
||||
|
||||
input[type="number"]::placeholder {
|
||||
color: #606080;
|
||||
}
|
||||
|
||||
button {
|
||||
width: 100%;
|
||||
padding: 0.65rem;
|
||||
margin-top: 0.75rem;
|
||||
background: #e94560;
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
font-size: 0.95rem;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background: #c73652;
|
||||
}
|
||||
|
||||
.poruka {
|
||||
text-align: center;
|
||||
padding: 0.5rem;
|
||||
font-size: 0.85rem;
|
||||
color: #2ecc71;
|
||||
display: none;
|
||||
}
|
||||
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #1a1a2e; display: flex; justify-content: center; align-items: center; height: 100vh; }
|
||||
.kartica { background: #16213e; padding: 2rem; border-radius: 12px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4); width: 410px; border: 1px solid #0f3460; }
|
||||
.zaglavlje { text-align: center; margin-bottom: 1.3rem; }
|
||||
.zaglavlje h1 { color: #f8e45c; font-size: 1.4rem; margin-bottom: 0.25rem; }
|
||||
.zaglavlje p { color: #a0a0b0; font-size: 0.85rem; }
|
||||
.sekcija-naslov { color: #a0a0b0; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.4rem; }
|
||||
.port-opcija { display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0.75rem; margin: 0.25rem 0; border: 2px solid #0f3460; border-radius: 8px; cursor: pointer; transition: all 0.2s; color: #e0e0e0; }
|
||||
.port-opcija:hover { border-color: #e94560; }
|
||||
.port-opcija.izabran { border-color: #e94560; background: rgba(233, 69, 96, 0.1); }
|
||||
.port-opcija.zauzet { opacity: 0.5; cursor: not-allowed; }
|
||||
.slobodan { color: #2ecc71; font-size: 0.85rem; }
|
||||
.zauzet-tekst { color: #e74c3c; font-size: 0.85rem; }
|
||||
.razdvojnik { border: none; border-top: 1px solid #0f3460; margin: 0.75rem 0; }
|
||||
input[type="number"] { width: 100%; padding: 0.5rem 0.75rem; background: #0f3460; border: 2px solid #0f3460; border-radius: 8px; font-size: 0.9rem; color: #e0e0e0; outline: none; transition: border-color 0.2s; }
|
||||
input[type="number"]:focus { border-color: #e94560; }
|
||||
input[type="number"]::placeholder { color: #606080; }
|
||||
button { width: 100%; padding: 0.65rem; margin-top: 0.75rem; background: #e94560; color: white; border: none; border-radius: 8px; font-size: 0.95rem; font-weight: 600; cursor: pointer; transition: background 0.2s; }
|
||||
button:hover { background: #c73652; }
|
||||
.poruka { text-align: center; padding: 0.5rem; font-size: 0.85rem; color: #2ecc71; display: none; }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user