mirror of
https://github.com/Grasscutters/Cultivation.git
synced 2025-12-12 23:24:35 +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