mirror of
https://github.com/Grasscutters/Cultivation.git
synced 2026-02-05 17:56:53 +01:00
divider files
This commit is contained in:
16
src/ui/components/menu/Divider.css
Normal file
16
src/ui/components/menu/Divider.css
Normal file
@@ -0,0 +1,16 @@
|
|||||||
|
|
||||||
|
.Divider {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-around;
|
||||||
|
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
margin: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.DividerLine {
|
||||||
|
width: 60%;
|
||||||
|
border-top: 1px solid #ccc;
|
||||||
|
}
|
||||||
13
src/ui/components/menu/Divider.tsx
Normal file
13
src/ui/components/menu/Divider.tsx
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
import React from 'react'
|
||||||
|
|
||||||
|
import './Divider.css'
|
||||||
|
|
||||||
|
export default class Divider extends React.Component {
|
||||||
|
render() {
|
||||||
|
return (
|
||||||
|
<div className="Divider">
|
||||||
|
<div className="DividerLine"></div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user