Skip to content

S
SkuciSe
Commit 26384a0a by Milovan Samardzic
Options

izmenaLoginStyle

parent 74d0f37b
Showing with 23 additions and 23 deletions
SkuciSe/src/main/resources/static/css/style.css
......@@ -157,6 +157,7 @@ h3{
.rights{
font-size: calc(10px + (12 - 10) * ((100vw - 360px) / (1600 - 360))) !important;
}
.form-body{
border-top:2px solid #1c1c1c;
}
......@@ -231,7 +232,7 @@ h3{
text-align: left;
border: 0;
outline: 0;
border-radius: 6px;
border-radius: 15px;
background-color: #fff;
font-size: 15px;
font-weight: 300;
......
SkuciSe/src/main/resources/templates/login.html
......@@ -19,8 +19,6 @@
<!-- Core theme CSS (includes Bootstrap)-->
<link href="/css/style.css" rel="stylesheet"/>
</head>
<body>
<nav class="navbar navbar-icon-top navbar-expand-lg p-3">
......@@ -48,9 +46,10 @@
</li>
</ul>
<form class="form-inline my-2 my-lg-0" th:if="${loggedUser != null}">
<a th:href="@{/novi-oglas}"><button type="button" class="btn btn-primary btn-md mr-2"><i class="fa-solid fa-plus"></i> Postavite
novi oglas
</button>
<a th:href="@{/novi-oglas}">
<button type="button" class="btn btn-primary btn-md mr-2"><i class="fa-solid fa-plus"></i> Postavite
novi oglas
</button>
</a>
</form>
<ul class="navbar-nav">
......@@ -86,28 +85,29 @@
</div>
</nav>
<div class="form-body">
<div class="form-body pozadinaSVG">
<div class="row">
<div class="form-holder">
<div class="form-content">
<div class="form-items">
<h3>Prijavi se</h3>
<form class="requires-validation" novalidate th:action="@{/login}" method="POST">
<div class="col-md-12">
<input class="form-control" type="text" name="email" placeholder="Email" required>
<div class="invalid-feedback">Email ne sme biti prazan!</div>
</div>
<div class="form-items p-4">
<form class="requires-validation d-flex flex-row justify-content-center align-items-center" novalidate th:action="@{/login}" method="POST">
<?xml version="1.0" standalone="no"?><svg xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 62.49999999999999" preserveAspectRatio="xMaxYMax slice"><g transform="scale(0.09630200308166409)"><rect x="0" y="0" width="1038.4" height="649" fill="#3c3c3c"/><polygon points="0,0 129.8,0 129.8,129.8" fill="#a7a7a7"/><polygon points="129.8,0 259.6,129.8 129.8,129.8" fill="#c6c6c6"/><polygon points="389.40000000000003,0 389.40000000000003,129.8 259.6,129.8" fill="#b8b8b8"/><polygon points="389.4,0 519.2,0 389.4,129.8" fill="#797979"/><polygon points="519.2,0 649,0 649,129.8" fill="#5e5e5e"/><polygon points="649,0 778.8,129.8 649,129.8" fill="#c6c6c6"/><polygon points="778.8,0 908.5999999999999,129.8 778.8,129.8" fill="#616161"/><polygon points="908.6,0 1038.4,0 908.6,129.8" fill="#bbbbbb"/><polygon points="0,129.8 129.8,259.6 0,259.6" fill="#6f6f6f"/><polygon points="129.8,129.8 259.6,259.6 129.8,259.6" fill="#6f6f6f"/><polygon points="259.6,129.8 389.40000000000003,259.6 259.6,259.6" fill="#494949"/><polygon points="389.4,129.8 519.2,129.8 389.4,259.6" fill="#6b6b6b"/><polygon points="519.2,129.8 649,259.6 519.2,259.6" fill="#3e3e3e"/><polygon points="649,129.8 778.8,129.8 778.8,259.6" fill="#9b9b9b"/><polygon points="778.8,129.8 908.5999999999999,129.8 908.5999999999999,259.6" fill="#bfbfbf"/><polygon points="908.6,129.8 1038.4,259.6 908.6,259.6" fill="#515151"/><polygon points="129.8,259.6 129.8,389.40000000000003 0,389.40000000000003" fill="#6f6f6f"/><polygon points="129.8,259.6 259.6,259.6 259.6,389.40000000000003" fill="#b8b8b8"/><polygon points="259.6,259.6 389.40000000000003,389.40000000000003 259.6,389.40000000000003" fill="#c9c9c9"/><polygon points="389.4,259.6 519.2,259.6 519.2,389.40000000000003" fill="#666666"/><polygon points="519.2,259.6 649,389.40000000000003 519.2,389.40000000000003" fill="#c4c4c4"/><polygon points="649,259.6 778.8,259.6 778.8,389.40000000000003" fill="#cdcdcd"/><polygon points="778.8,259.6 908.5999999999999,389.40000000000003 778.8,389.40000000000003" fill="#acacac"/><polygon points="908.6,259.6 1038.4,259.6 908.6,389.40000000000003" fill="#b9b9b9"/><polygon points="129.8,389.4 129.8,519.2 0,519.2" fill="#8b8b8b"/><polygon points="129.8,389.4 259.6,519.2 129.8,519.2" fill="#626262"/><polygon points="259.6,389.4 389.40000000000003,389.4 259.6,519.2" fill="#838383"/><polygon points="389.4,389.4 519.2,519.2 389.4,519.2" fill="#bebebe"/><polygon points="519.2,389.4 649,389.4 649,519.2" fill="#8b8b8b"/><polygon points="649,389.4 778.8,389.4 649,519.2" fill="#bababa"/><polygon points="778.8,389.4 908.5999999999999,389.4 908.5999999999999,519.2" fill="#959595"/><polygon points="908.6,389.4 1038.4,389.4 908.6,519.2" fill="#a3a3a3"/><polygon points="129.8,519.2 129.8,649 0,649" fill="#969696"/><polygon points="129.8,519.2 259.6,519.2 129.8,649" fill="#a6a6a6"/><polygon points="259.6,519.2 389.40000000000003,649 259.6,649" fill="#959595"/><polygon points="389.4,519.2 519.2,519.2 519.2,649" fill="#c3c3c3"/><polygon points="519.2,519.2 649,519.2 519.2,649" fill="#818181"/><polygon points="649,519.2 778.8,649 649,649" fill="#bcbcbc"/><polygon points="778.8,519.2 908.5999999999999,519.2 908.5999999999999,649" fill="#898989"/><polygon points="908.6,519.2 1038.4,649 908.6,649" fill="#4e4e4e"/></g></svg>
<div>
<div class="col-md-12">
<input class="form-control" type="text" name="email" placeholder="Email" required>
<div class="invalid-feedback">Email ne sme biti prazan!</div>
</div>
<div class="col-md-12">
<input class="form-control" type="password" name="password" placeholder="Sifra" required>
<div class="invalid-feedback">Sifra ne sme biti prazna!</div>
</div>
<div class="col-md-12">
<input class="form-control" type="password" name="password" placeholder="Sifra" required>
<div class="invalid-feedback">Sifra ne sme biti prazna!</div>
</div>
<div class="invalid-feedback" id="losaSifra"> Nepostojeca kombinacija!</div>
<div class="invalid-feedback ml-3" id="losaSifra"> Nepostojeca kombinacija!</div>
<div class="form-button mt-3">
<button id="submit" type="submit" class="btn btn-primary">Prijavi se</button>
<div class="form-button mt-3">
<button id="submit" type="submit" class="btn btn-primary ml-3">Prijavi se</button>
</div>
</div>
</form>
</div>
......@@ -116,7 +116,6 @@
</div>
</div>
<div class="container-fluid pb-0 mb-0 justify-content-center text-light ">
<footer>
<div class="row my-5 justify-content-center py-5">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment