Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-24 09:28:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixes CSS of border-bottom of active classname in group manager (#1407)

Browse source
This commit is contained in:
Gandharv 2021-11-15 21:14:53 +05:30 committed by GitHub
parent dd94e33c95
commit 6b8e32b850
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 21 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
frontend/src/ManageGroupPermissionResources/ManageGroupPermissionResources.jsx
View file

@ -1,4 +1,5 @@
import React from 'react';
import cx from 'classnames';
import SelectSearch, { fuzzySearch } from 'react-select-search';
import { groupPermissionService } from '../_services/groupPermission.service';
import 'react-toastify/dist/ReactToastify.css';
@ -327,32 +328,26 @@ class ManageGroupPermissionResources extends React.Component {
<div className="page-body">
<div className="container-xl">
<div className="card">
<ul className="nav nav-tabs">
<li className="nav-item">
<a
className={`nav-link ${currentTab === 'apps' ? 'active' : ''}`}
onClick={() => this.setState({ currentTab: 'apps' })}
>
Apps
</a>
</li>
<li className="nav-item">
<a
className={`nav-link ${currentTab === 'users' ? 'active' : ''}`}
onClick={() => this.setState({ currentTab: 'users' })}
>
Users
</a>
</li>
<li className="nav-item">
<a
className={`nav-link ${currentTab === 'permissions' ? 'active' : ''}`}
onClick={() => this.setState({ currentTab: 'permissions' })}
>
Permissions
</a>
</li>
</ul>
<nav className="nav nav-tabs">
<a
onClick={() => this.setState({ currentTab: 'apps' })}
className={cx('nav-item nav-link', { active: currentTab === 'apps' })}
>
Apps
</a>
<a
onClick={() => this.setState({ currentTab: 'users' })}
className={cx('nav-item nav-link', { active: currentTab === 'users' })}
>
Users
</a>
<a
onClick={() => this.setState({ currentTab: 'permissions' })}
className={cx('nav-item nav-link', { active: currentTab === 'permissions' })}
>
Permissions
</a>
</nav>
<div className="card-body">
<div className="tab-content">
{/* Apps Tab */}