styles and typo
This commit is contained in:
parent
4006523c8c
commit
2b7b761737
3 changed files with 43 additions and 2 deletions
39
public/css/login.css
Normal file
39
public/css/login.css
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
@media (max-width: 768px) {
|
||||
#login-button {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
#login-card-content {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 769px) {
|
||||
#login-button {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
#login-card-content {
|
||||
width: 40%;
|
||||
min-width: min-content;
|
||||
}
|
||||
}
|
||||
|
||||
#login-card-content {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#login-card-content > * {
|
||||
margin: 1vh auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -98,7 +98,7 @@ const invitesFunction = () => {
|
|||
successCallback: () => {
|
||||
console.log('Nostr extension present');
|
||||
},
|
||||
: () => {
|
||||
failureCallback: () => {
|
||||
console.log('Nostr extension not present');
|
||||
signupButton.disable();
|
||||
noExtensionWarning.display();
|
||||
|
|
|
|||
|
|
@ -5,11 +5,12 @@
|
|||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="/css/seca.css" />
|
||||
<link rel="stylesheet" href="/css/login.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="login-card" class="over-background">
|
||||
<h1>Bienvenido a la seca</h1>
|
||||
<div id="login-card-content" class="shadowed-round-area">
|
||||
<figure>
|
||||
<img class="logo" src="/img/laseca_logo_white.png" width="25%" />
|
||||
</figure>
|
||||
|
|
@ -18,6 +19,7 @@
|
|||
<div id="warnings-area">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="/javascript/login.bundle.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue