Removed live indicator + began to write graphics menu
This commit is contained in:
12
client/components/divider/horizontal_divider.css
Normal file
12
client/components/divider/horizontal_divider.css
Normal file
@ -0,0 +1,12 @@
|
||||
.horizontal-divider-container{
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.horizontal-divider{
|
||||
height: 2px;
|
||||
width: 80%;
|
||||
background-color:black;
|
||||
margin: auto;
|
||||
}
|
20
client/components/divider/horizontal_divider.js
Normal file
20
client/components/divider/horizontal_divider.js
Normal file
@ -0,0 +1,20 @@
|
||||
class HorizontalDivider extends HTMLElement{
|
||||
constructor(){
|
||||
super();
|
||||
}
|
||||
|
||||
connectedCallback(){
|
||||
this.render()
|
||||
}
|
||||
|
||||
render(){
|
||||
this.innerHTML = `
|
||||
<link rel="stylesheet" href="./components/divider/horizontal_divider.css">
|
||||
<div class="horizontal-divider-container">
|
||||
<div class="horizontal-divider"/>
|
||||
</div>
|
||||
`
|
||||
}
|
||||
}
|
||||
|
||||
customElements.define("sea-horizontal-divider", HorizontalDivider)
|
Reference in New Issue
Block a user