Skip to content

Commit 87dea8a

Browse files
zonia3000zonia3000
committed
Set the UI width to full window width
1 parent 544c186 commit 87dea8a

File tree

6 files changed

+76
-84
lines changed

6 files changed

+76
-84
lines changed

‎src/lib/components/common/ConfirmActionButton.svelte‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -46,9 +46,7 @@
4646
<p class="badge bg-{style} fs-6 wrap">{message}</p>
4747
<p>Do you confirm?</p>
4848
{/if}
49-
<div class="container">
50-
<div id="errorAlert-{modalId}" />
51-
</div>
49+
<div id="errorAlert-{modalId}" />
5250
</svelte:fragment>
5351
<svelte:fragment slot="footer">
5452
<button class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>

‎src/lib/components/v2/projects/ProjectDatasetsList.svelte‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@
5252

5353
<StandardDismissableAlert message={datasetCreatedMessage} autoDismiss={false} />
5454

55-
<div class="container p-0 mt-4">
55+
<div class="p-0 mt-4">
5656
<div class="row">
5757
<div class="col-sm-2">
5858
<h3 class="fw-light">Datasets</h3>

‎src/lib/components/v2/projects/ProjectsList.svelte‎

Lines changed: 59 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -99,71 +99,69 @@
9999
}
100100
</script>
101101

102-
<div class="container">
103-
<div class="row mt-3 mb-3">
104-
<div class="col-sm-12">
105-
<div class="row justify-content-end">
106-
<div class="col-auto">
107-
<div class="input-group">
108-
<input
109-
name="searchProject"
110-
type="text"
111-
class="form-control"
112-
placeholder="Search"
113-
bind:value={projectSearch}
114-
/>
115-
</div>
116-
</div>
117-
<div class="col-auto">
118-
<button class="btn btn-primary" on:click={() => newProjectModal.show()}>
119-
Create new project
120-
</button>
102+
<div class="row mt-3 mb-3">
103+
<div class="col-sm-12">
104+
<div class="row justify-content-end">
105+
<div class="col-auto">
106+
<div class="input-group">
107+
<input
108+
name="searchProject"
109+
type="text"
110+
class="form-control"
111+
placeholder="Search"
112+
bind:value={projectSearch}
113+
/>
121114
</div>
122115
</div>
116+
<div class="col-auto">
117+
<button class="btn btn-primary" on:click={() => newProjectModal.show()}>
118+
Create new project
119+
</button>
120+
</div>
123121
</div>
124122
</div>
125-
<div class="row">
126-
<table class="table table-hover align-middle">
127-
<thead class="table-light">
128-
<tr>
129-
<th class="col-7 col-lg-8">Name</th>
130-
<th>Options</th>
131-
</tr>
132-
</thead>
133-
<tbody>
134-
{#key projects}
135-
{#each filteredProjects as { id, name }}
136-
<tr>
137-
<td>
138-
<a href={'/v2/projects/' + id}>
139-
{name}
140-
</a>
141-
</td>
142-
<td>
143-
<button
144-
class="btn btn-light"
145-
data-bs-toggle="modal"
146-
data-bs-target="#projectInfoModal"
147-
on:click={() => setProjectInfoModal(id)}
148-
>
149-
<i class="bi bi-info-circle" /> Info
150-
</button>
151-
<ConfirmActionButton
152-
modalId={'confirmDeleteProject' + id}
153-
style={'danger'}
154-
btnStyle="danger"
155-
message="Delete project {name}"
156-
buttonIcon="trash"
157-
label="Delete"
158-
callbackAction={() => handleDeleteProject(id)}
159-
/>
160-
</td>
161-
</tr>
162-
{/each}
163-
{/key}
164-
</tbody>
165-
</table>
166-
</div>
123+
</div>
124+
<div class="row">
125+
<table class="table table-hover align-middle">
126+
<thead class="table-light">
127+
<tr>
128+
<th class="col-7 col-lg-8">Name</th>
129+
<th>Options</th>
130+
</tr>
131+
</thead>
132+
<tbody>
133+
{#key projects}
134+
{#each filteredProjects as { id, name }}
135+
<tr>
136+
<td>
137+
<a href={'/v2/projects/' + id}>
138+
{name}
139+
</a>
140+
</td>
141+
<td>
142+
<button
143+
class="btn btn-light"
144+
data-bs-toggle="modal"
145+
data-bs-target="#projectInfoModal"
146+
on:click={() => setProjectInfoModal(id)}
147+
>
148+
<i class="bi bi-info-circle" /> Info
149+
</button>
150+
<ConfirmActionButton
151+
modalId={'confirmDeleteProject' + id}
152+
style={'danger'}
153+
btnStyle="danger"
154+
message="Delete project {name}"
155+
buttonIcon="trash"
156+
label="Delete"
157+
callbackAction={() => handleDeleteProject(id)}
158+
/>
159+
</td>
160+
</tr>
161+
{/each}
162+
{/key}
163+
</tbody>
164+
</table>
167165
</div>
168166

169167
<Modal

‎src/lib/components/v2/projects/WorkflowsList.svelte‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@
5959

6060
<CreateWorkflowModal {handleWorkflowImported} bind:this={createWorkflowModal} />
6161

62-
<div class="container p-0 mt-5">
62+
<div class="p-0 mt-5">
6363
<div class="row">
6464
<div class="col-sm-2">
6565
<h3 class="fw-light">Workflows</h3>

‎src/routes/+layout.svelte‎

Lines changed: 13 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -86,7 +86,7 @@
8686
8787
<main>
8888
<nav class="bg-light border-bottom">
89-
<div class="container d-flex flex-wrap">
89+
<div class="d-flex flex-wrap">
9090
<ul class="nav me-auto">
9191
<li class="nav-item">
9292
<a href="/" class="nav-link" id="home-link" class:active={selectedSection === 'home'}>
@@ -152,7 +152,7 @@
152152
{#if selectedSection === 'admin'}
153153
<div class="admin-border" />
154154
{/if}
155-
<div class="container p-4">
155+
<div class="p-4">
156156
{#if !server.alive}
157157
<div class="alert alert-danger">
158158
Sorry, we are performing some maintenance on fractal-server. It will be back online soon.
@@ -188,22 +188,18 @@
188188
</div>
189189
</div>
190190
</div>
191-
<div class="container">
192-
<footer
193-
class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top"
194-
>
195-
<div class="col d-flex justify-content-center">
196-
<div class="hstack gap-3">
197-
<span class="font-monospace">
198-
{#if server.version}
199-
fractal-server {server.version},
200-
{/if}
201-
fractal-web {clientVersion}
202-
</span>
203-
</div>
191+
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
192+
<div class="col d-flex justify-content-center">
193+
<div class="hstack gap-3">
194+
<span class="font-monospace">
195+
{#if server.version}
196+
fractal-server {server.version},
197+
{/if}
198+
fractal-web {clientVersion}
199+
</span>
204200
</div>
205-
</footer>
206-
</div>
201+
</div>
202+
</footer>
207203
</main>
208204
209205
<style>

‎src/routes/v2/projects/[projectId]/workflows/[workflowId]/+page.svelte‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -805,7 +805,7 @@
805805
</div>
806806
{/if}
807807
808-
<div class="container mt-3 px-0">
808+
<div class="mt-3 px-0">
809809
<div class="row">
810810
<div class="col-4">
811811
<div class="card">

0 commit comments

Comments
 (0)