beenull/mwmbl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve login and signup buttons

Browse source
This commit is contained in:
Daoud Clarke 2023-11-07 21:39:17 +00:00
parent d8a3e29282
commit 6d8facf977
4 changed files with 26 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
devdata/index-v2.tinysearch
View file

Binary file not shown.

20
front-end/assets/css/global.css
View file

@ -321,3 +321,23 @@ a {
text-decoration: none;
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);
}

6
front-end/src/components/organisms/save.js
View file

@ -8,11 +8,11 @@ const CURATION_URL = config.publicApiURL + "curation/";
const template = () => /*html*/`
<span>🖫</span>
<span></span>
`;
export default define('save', class extends HTMLLIElement {
export default define('save', class extends HTMLDivElement {
constructor() {
super();
this.currentCurationId = null;
@ -108,5 +108,5 @@ export default define('save', class extends HTMLLIElement {
}
this.sending = false;
}
}, { extends: 'li' });
}, { extends: 'div' });

12
mwmbl/templates/index.html
View file

@ -52,17 +52,8 @@
</head>
<body>
<!-- <mwmbl-login></mwmbl-login>-->
<!-- <mwmbl-register></mwmbl-register>-->
<mwmbl-app></mwmbl-app>
<!-- Javasript entrypoint -->
{#<script src="/static/src/index.js" type="module"></script>#}
<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="/">
<div class="branding">
<img class="brand-icon" src="/static/images/logo.svg" width="40" height="40" alt="mwmbl logo">
@ -83,6 +74,9 @@
hx-target=".results"
>
</form>
<div is="mwmbl-save"></div>
<a class="button" href="/accounts/login/">Login</a>
<a class="button" href="/accounts/signup/">Sign up</a>
</header>
<main>
<mwmbl-results>