julius/cutt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

minor styling

Browse Source
This commit is contained in:
julius
2025-12-19 12:31:58 +01:00
parent 90fcaf1f52
commit 7abe9dce3d
2 changed files with 166 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/Form.tsx
View File

@@ -300,7 +300,9 @@ function MVPDnD({ user, teams, players }: PlayerInfoProps) {
onSubmit={handleSubmit} onSubmit={handleSubmit}
/> />
{loading ? ( {loading ? (
<div className="container">
<progress className="progress is-primary" max="100"></progress> <progress className="progress is-primary" max="100"></progress>
</div>
) : ( ) : (
<div className="columns container is-mobile is-1-mobile"> <div className="columns container is-mobile is-1-mobile">
<div className="column"> <div className="column">
@@ -420,7 +422,9 @@ function ChemistryDnDMobile({ user, teams, players }: PlayerInfoProps) {
onSubmit={handleSubmit} onSubmit={handleSubmit}
/> />
{loading ? ( {loading ? (
<div className="container">
<progress className="progress is-primary" max="100"></progress> <progress className="progress is-primary" max="100"></progress>
</div>
) : ( ) : (
<div className="columns container is-multiline is-mobile is-1-mobile"> <div className="columns container is-multiline is-mobile is-1-mobile">
<div className="column is-full is-flex is-justify-content-center"> <div className="column is-full is-flex is-justify-content-center">
@@ -521,7 +525,9 @@ export default function Rankings() {
<TypeDnD {...{ user, teams, players }} /> <TypeDnD {...{ user, teams, players }} />
</TabController> </TabController>
) : ( ) : (
<div className="container">
<progress className="progress is-primary" max="100"></progress> <progress className="progress is-primary" max="100"></progress>
</div>
)} )}
</div> </div>
); );

22
frontend/src/TeamPanel.tsx
View File

@@ -77,8 +77,9 @@ const TeamPanel = () => {
<h2 className="subtitle"> <h2 className="subtitle">
{activeTeam.location}, {activeTeam.country} {activeTeam.location}, {activeTeam.country}
</h2> </h2>
<div className="box"> <div className="panel">
<h2 className="title is-4">Players</h2> <h2 className="panel-heading is-4">Players</h2>
<div className="panel-block">
{players ? ( {players ? (
<div className="buttons"> <div className="buttons">
{players.map((p) => ( {players.map((p) => (
@@ -113,7 +114,9 @@ const TeamPanel = () => {
)} )}
</div> </div>
<form className="container block" onSubmit={handleSubmit}> <div className="panel-block">
<form onSubmit={handleSubmit}>
<div className="field is-grouped is-grouped-multiline">
<div className="field"> <div className="field">
<label className="label">name</label> <label className="label">name</label>
<div className="control"> <div className="control">
@@ -176,7 +179,9 @@ const TeamPanel = () => {
</div> </div>
</div> </div>
<div className="field"> <div className="field">
<label className="label">number (optional)</label> <label className="label">
number <small>(optional)</small>
</label>
<div className="control"> <div className="control">
<input <input
className="input" className="input"
@@ -190,7 +195,9 @@ const TeamPanel = () => {
</div> </div>
</div> </div>
<div className="field"> <div className="field">
<label className="label">email (optional)</label> <label className="label">
email <small>(optional)</small>
</label>
<div className="control"> <div className="control">
<input <input
className="input" className="input"
@@ -212,7 +219,8 @@ const TeamPanel = () => {
</p> </p>
)} )}
</div> </div>
<div className="field is-grouped"> </div>
<div className="field is-grouped is-grouped-centered">
<button <button
className={ className={
"button is-light" + "button is-light" +
@@ -232,6 +240,8 @@ const TeamPanel = () => {
</div> </div>
</form> </form>
</div> </div>
</div>
</div>
</section> </section>
<section className="section"> <section className="section">
<div className="container"> <div className="container">