73733b20b6
* build(deps): bump @trivago/prettier-plugin-sort-imports in /web Bumps [@trivago/prettier-plugin-sort-imports](https://github.com/trivago/prettier-plugin-sort-imports) from 2.0.4 to 3.0.0. - [Release notes](https://github.com/trivago/prettier-plugin-sort-imports/releases) - [Changelog](https://github.com/trivago/prettier-plugin-sort-imports/blob/master/CHANGELOG.md) - [Commits](https://github.com/trivago/prettier-plugin-sort-imports/commits) --- updated-dependencies: - dependency-name: "@trivago/prettier-plugin-sort-imports" dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com> * web: update prettier config Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Jens Langhammer <jens.langhammer@beryju.org>
42 lines
1.1 KiB
TypeScript
42 lines
1.1 KiB
TypeScript
import { CSSResult, LitElement, TemplateResult, css, html } from "lit";
|
|
import { customElement } from "lit/decorators";
|
|
|
|
import AKGlobal from "../authentik.css";
|
|
import PFBase from "@patternfly/patternfly/patternfly-base.css";
|
|
|
|
@customElement("ak-divider")
|
|
export class Divider extends LitElement {
|
|
static get styles(): CSSResult[] {
|
|
return [
|
|
PFBase,
|
|
AKGlobal,
|
|
css`
|
|
.separator {
|
|
display: flex;
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
|
|
.separator::before,
|
|
.separator::after {
|
|
content: "";
|
|
flex: 1;
|
|
border-bottom: 1px solid var(--pf-global--Color--100);
|
|
}
|
|
|
|
.separator:not(:empty)::before {
|
|
margin-right: 0.25em;
|
|
}
|
|
|
|
.separator:not(:empty)::after {
|
|
margin-left: 0.25em;
|
|
}
|
|
`,
|
|
];
|
|
}
|
|
|
|
render(): TemplateResult {
|
|
return html`<div class="separator"><slot></slot></div>`;
|
|
}
|
|
}
|