f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-15 17:02:38 +00:00
Code Wiki Activity

Add styling to active tab

Browse Source
This commit is contained in:
G.Ambatte
2023-01-05 10:52:24 +13:00
parent ec040cc2bb
commit f5c7761c61
2 changed files with 22 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
client/admin/admin.jsx
View File

@@ -27,7 +27,6 @@ const Admin = createClass({
render : function(){ render : function(){
return <div className='admin'> return <div className='admin'>
<header> <header>
<div className='container'> <div className='container'>
<i className='fas fa-rocket' /> <i className='fas fa-rocket' />
@@ -36,7 +35,7 @@ const Admin = createClass({
</header> </header>
<div className='container'> <div className='container'>
<div className='tabs'> <div className='tabs'>
{tabGroups.map((tab, idx)=>{ return <button key={idx} onClick={()=>{ return this.handleClick(tab); }}>{tab.toUpperCase()}</button>; })} {tabGroups.map((tab, idx)=>{ return <button className={tab===this.state.currentTab ? 'active' : ''} key={idx} onClick={()=>{ return this.handleClick(tab); }}>{tab.toUpperCase()}</button>; })}
</div> </div>
{this.state.currentTab==='brew' && <BrewUtils />} {this.state.currentTab==='brew' && <BrewUtils />}
{this.state.currentTab==='notifications' && <NotificationUtils />} {this.state.currentTab==='notifications' && <NotificationUtils />}

22
client/admin/admin.less
View File

@@ -40,5 +40,25 @@ body{
margin : 30px 0px; margin : 30px 0px;
} }
.container{
.tabs button{
background-color: #eee;
margin-left: 3px;
margin-right: 3px;
border: 1px solid #444;
border-radius: 5px;
color: black;
&:hover{
background-color: #444;
color: #eee;
}
&.active{
border: 2px solid #444;
text-decoration: underline;
margin-left: 2px;
margin-right: 2px;
background-color: #ccc;
}
}
}
} }