mirror of
https://github.com/cheveguerra/bot-whatsapp.git
synced 2026-04-19 12:09:15 +00:00
feat: ⚡ new portal web for qr scan
This commit is contained in:
36
packages/portal/src/components/header/header.css
Normal file
36
packages/portal/src/components/header/header.css
Normal file
@@ -0,0 +1,36 @@
|
||||
header {
|
||||
display: flex;
|
||||
background: white;
|
||||
}
|
||||
|
||||
header .logo a {
|
||||
display: inline-block;
|
||||
padding: 10px 10px 7px 20px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
header ul {
|
||||
margin: 0;
|
||||
padding: 3px 10px 0 0;
|
||||
list-style: none;
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
header li {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
header li a {
|
||||
display: inline-block;
|
||||
padding: 15px 10px;
|
||||
text-decoration: none;
|
||||
color: #1a1a1a;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
header li a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
47
packages/portal/src/components/header/header.tsx
Normal file
47
packages/portal/src/components/header/header.tsx
Normal file
@@ -0,0 +1,47 @@
|
||||
import { component$, useStylesScoped$ } from '@builder.io/qwik'
|
||||
import { BotLogo } from '../icons/bot'
|
||||
import styles from './header.css?inline'
|
||||
|
||||
export default component$(() => {
|
||||
useStylesScoped$(styles)
|
||||
|
||||
return (
|
||||
<header>
|
||||
<div class="logo">
|
||||
<a
|
||||
href="https://github.com/codigoencasa/bot-whatsapp"
|
||||
target="_blank"
|
||||
title="qwik"
|
||||
>
|
||||
<BotLogo />
|
||||
</a>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/codigoencasa/bot-whatsapp"
|
||||
target="_blank"
|
||||
>
|
||||
Docs
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/codigoencasa/bot-whatsapp/tree/main/starters/apps"
|
||||
target="_blank"
|
||||
>
|
||||
Examples
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://www.youtube.com/watch?v=1u0TTbjK5bo&list=PL_WGMLcL4jzViIlmyDZPnhAdkc8RXGkFh"
|
||||
target="_blank"
|
||||
>
|
||||
Tutorials
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</header>
|
||||
)
|
||||
})
|
||||
Reference in New Issue
Block a user