Ratstail91/kingdombattles
Archived
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added no collapse option for tables

Browse Source
This commit is contained in:
Kayne Ruse
2019-05-29 08:50:43 +10:00
parent 799998c5bf
commit 34418091da
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/styles/shared.css
+4
View File
@@ -246,6 +246,10 @@ footer {
flex: 1; flex: 1;
} }
.table.noCollapse .row {
flex-direction: row;
}
/* bits and pieces */ /* bits and pieces */
.logoutButton { .logoutButton {
align-self: stretch; align-self: stretch;
src/components/pages/profile.jsx
+3 -3
View File
@@ -149,7 +149,7 @@ class Profile extends React.Component {
return ( return (
<div className='panel'> <div className='panel'>
<h1 className='centered'>Profile</h1> <h1 className='centered'>Profile</h1>
<div className='table'> <div className='table noCollapse'>
<div className='row'> <div className='row'>
<p className='col'>Username:</p> <p className='col'>Username:</p>
<p className='col'>{this.state.username}</p> <p className='col'>{this.state.username}</p>
@@ -211,7 +211,7 @@ class Profile extends React.Component {
return ( return (
<div className='panel'> <div className='panel'>
<h1 className='centered'>Profile</h1> <h1 className='centered'>Profile</h1>
<div className='table'> <div className='table noCollapse'>
<div className='row'> <div className='row'>
<p className='col'>Username:</p> <p className='col'>Username:</p>
<p className='col'>{this.state.username}</p> <p className='col'>{this.state.username}</p>
@@ -269,7 +269,7 @@ class Profile extends React.Component {
return ( return (
<div className='panel'> <div className='panel'>
<h1 className='centered'>Profile</h1> <h1 className='centered'>Profile</h1>
<div className='table'> <div className='table noCollapse'>
<div className='row'> <div className='row'>
<p className='col'>Username:</p> <p className='col'>Username:</p>
<p className='col'>{this.state.username}</p> <p className='col'>{this.state.username}</p>