Improve login and signup buttons
This commit is contained in:
parent
d8a3e29282
commit
6d8facf977
Binary file not shown.
|
@ -320,4 +320,24 @@ a {
|
||||||
color: black;
|
color: black;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button {
|
||||||
|
background-color: var(--primary-color);
|
||||||
|
border: none;
|
||||||
|
color: white;
|
||||||
|
padding: 10px 20px;
|
||||||
|
margin: 10px;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: var(--default-font-size);
|
||||||
|
border-radius: 50px;
|
||||||
|
cursor: pointer;
|
||||||
|
flex-shrink: 0;
|
||||||
|
transition: background-color 200ms ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button:hover {
|
||||||
|
background-color: var(--dark-color);
|
||||||
}
|
}
|
|
@ -8,11 +8,11 @@ const CURATION_URL = config.publicApiURL + "curation/";
|
||||||
|
|
||||||
|
|
||||||
const template = () => /*html*/`
|
const template = () => /*html*/`
|
||||||
<span>🖫</span>
|
<span></span>
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
||||||
export default define('save', class extends HTMLLIElement {
|
export default define('save', class extends HTMLDivElement {
|
||||||
constructor() {
|
constructor() {
|
||||||
super();
|
super();
|
||||||
this.currentCurationId = null;
|
this.currentCurationId = null;
|
||||||
|
@ -108,5 +108,5 @@ export default define('save', class extends HTMLLIElement {
|
||||||
}
|
}
|
||||||
this.sending = false;
|
this.sending = false;
|
||||||
}
|
}
|
||||||
}, { extends: 'li' });
|
}, { extends: 'div' });
|
||||||
|
|
||||||
|
|
|
@ -52,17 +52,8 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<!-- <mwmbl-login></mwmbl-login>-->
|
|
||||||
<!-- <mwmbl-register></mwmbl-register>-->
|
|
||||||
<mwmbl-app></mwmbl-app>
|
<mwmbl-app></mwmbl-app>
|
||||||
|
|
||||||
<!-- Javasript entrypoint -->
|
|
||||||
{#<script src="/static/src/index.js" type="module"></script>#}
|
|
||||||
<header class="search-menu compact">
|
<header class="search-menu compact">
|
||||||
<ul>
|
|
||||||
<li is="mwmbl-save"></li>
|
|
||||||
</ul>
|
|
||||||
<div><a href="/accounts/login/">Login</a> <a href="/accounts/signup/">Sign up</a> </div>
|
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<div class="branding">
|
<div class="branding">
|
||||||
<img class="brand-icon" src="/static/images/logo.svg" width="40" height="40" alt="mwmbl logo">
|
<img class="brand-icon" src="/static/images/logo.svg" width="40" height="40" alt="mwmbl logo">
|
||||||
|
@ -83,6 +74,9 @@
|
||||||
hx-target=".results"
|
hx-target=".results"
|
||||||
>
|
>
|
||||||
</form>
|
</form>
|
||||||
|
<div is="mwmbl-save"></div>
|
||||||
|
<a class="button" href="/accounts/login/">Login</a>
|
||||||
|
<a class="button" href="/accounts/signup/">Sign up</a>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
<mwmbl-results>
|
<mwmbl-results>
|
||||||
|
|
Loading…
Reference in a new issue