cheveguerra/bot-whatsapp
1
0
Fork 0
mirror of https://github.com/cheveguerra/bot-whatsapp.git synced 2026-04-18 19:49:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ci): 🎨 relases script

Browse Source
This commit is contained in:
Leifer Mendez
2022-12-09 12:17:29 +01:00
parent 1988948c30
commit 2e906bce79
37 changed files with 563 additions and 513 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
packages/docs/src/components/header/header.css
View File

@@ -1,34 +1,34 @@
header {
position: sticky;
top: 0;
z-index: 11;
display: grid;
grid-template-columns: minmax(130px, auto) 1fr;
gap: 30px;
height: 80px;
width: 100%;
padding: 10px;
background-color: white;
overflow: hidden;
position: sticky;
top: 0;
z-index: 11;
display: grid;
grid-template-columns: minmax(130px, auto) 1fr;
gap: 30px;
height: 80px;
width: 100%;
padding: 10px;
background-color: white;
overflow: hidden;
}
header a.logo {
display: block;
display: block;
}
header a {
text-decoration: none;
text-decoration: none;
}
header nav {
text-align: right;
text-align: right;
}
header nav a {
display: inline-block;
padding: 5px 15px;
display: inline-block;
padding: 5px 15px;
}
header nav a:hover {
text-decoration: underline;
text-decoration: underline;
}

50
packages/docs/src/components/header/header.tsx
View File

@@ -1,26 +1,32 @@
import { component$, useStyles$ } from '@builder.io/qwik';
import { useLocation } from '@builder.io/qwik-city';
import { QwikLogo } from '../icons/qwik';
import styles from './header.css?inline';
import { component$, useStyles$ } from '@builder.io/qwik'
import { useLocation } from '@builder.io/qwik-city'
import { QwikLogo } from '../icons/qwik'
import styles from './header.css?inline'
export default component$(() => {
useStyles$(styles);
useStyles$(styles)
const { pathname } = useLocation();
const { pathname } = useLocation()
return (
<header>
<a class="logo" href="/">
<QwikLogo />
</a>
<nav>
<a href="/docs" class={{ active: pathname.startsWith('/docs') }}>
Docs
</a>
<a href="/about-us" class={{ active: pathname.startsWith('/about-us') }}>
About Us
</a>
</nav>
</header>
);
});
return (
<header>
<a class="logo" href="/">
<QwikLogo />
</a>
<nav>
<a
href="/docs"
class={{ active: pathname.startsWith('/docs') }}
>
Docs
</a>
<a
href="/about-us"
class={{ active: pathname.startsWith('/about-us') }}
>
About Us
</a>
</nav>
</header>
)
})