Add fixed sizes for history table columns

Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
This commit is contained in:
Tilman Vatteroth 2020-06-06 11:54:19 +02:00 committed by mrdrogdrog
parent 772b099879
commit e64b07b289
2 changed files with 24 additions and 3 deletions

View file

@ -0,0 +1,20 @@
.history-table tr {
th, td {
&:nth-child(1) {
width: 45%;
}
&:nth-child(2) {
width: 20%;
}
&:nth-child(3) {
width: 20%;
}
&:nth-child(4) {
width: 15%;
}
}
}

View file

@ -1,14 +1,15 @@
import React from 'react'
import { Table } from 'react-bootstrap'
import { HistoryTableRow } from './history-table-row'
import { HistoryEntriesProps } from '../history-content/history-content'
import { Trans, useTranslation } from 'react-i18next'
import { Pager } from '../../../../pagination/pager'
import { HistoryEntriesProps } from '../history-content/history-content'
import { HistoryTableRow } from './history-table-row'
import './history-table.scss'
export const HistoryTable: React.FC<HistoryEntriesProps> = ({ entries, onPinClick, pageIndex, onLastPageIndexChange }) => {
useTranslation()
return (
<Table striped bordered hover size="sm" variant="dark">
<Table striped bordered hover size="sm" variant="dark" className={'history-table'}>
<thead>
<tr>
<th><Trans i18nKey={'landing.history.tableHeader.title'}/></th>