Skip to content

Commit e36120b

Browse files
kwokcbkwokcb
committed
Cleanup GPU UI.
1 parent 6662b1a commit e36120b

2 files changed

Lines changed: 10 additions & 10 deletions

File tree

‎flask/gpuopen/static/js/MaterialXGPUOpenClient.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -130,13 +130,13 @@ export class MaterialX_GPUOpen_Client extends WebSocketClient
130130
{
131131
if (material.url) {
132132
const col = document.createElement('div');
133-
col.className = 'col-md-3 col-lg-2 mb-4';
133+
col.className = 'col-sm-4 col-md-3 col-lg-2 mb-4';
134134

135135
col.innerHTML = `
136136
<div class="card material-card" data-material-id="${material.title}">
137137
<img src="${material.url}" id="${material.title} Image" class="card-img-top material-img" alt="${material.title}">
138138
<div class="card-body">
139-
<div class="card-title">${material.title}</div>
139+
<div style="font-size: 10px;" class="card-title">${material.title}</div>
140140
</div>
141141
</div>
142142
`;

‎flask/gpuopen/templates/MaterialXGPUOpenApp.html‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -54,9 +54,9 @@
5454
</head>
5555

5656
<body>
57-
<div class="container p-4">
57+
<div class="container-fluid p-4">
5858
<h2 id="title">GPUOpen MaterialX Inspector</h2>
59-
<div class="container p-2 rounded-3">
59+
<div class="container-fluid px-2 py-0 rounded-3">
6060
<div class="row">
6161
<div class="col">
6262
<button id="getMTLXButton" class="btn btn-sm btn-primary">
@@ -75,14 +75,14 @@ <h2 id="title">GPUOpen MaterialX Inspector</h2>
7575
</div>
7676

7777
<!-- Gallery area for preview images -->
78-
<div class="container mt-3 p-2 border border-prinary rounded-3" id="gallery_area" style="max-height: 400px; overflow-y: auto;">
78+
<div class="container-fluid mt-3 p-2 border border-prinary rounded-3" id="gallery_area" style="max-height: 300px; overflow-y: auto;">
7979
<h5>Material Gallery</h5>
8080
<div class="row" id="material_gallery">
8181
<!-- Preview images will be inserted here -->
8282
</div>
8383
</div>
8484

85-
<div class="container p-2 border border-primary rounded-3">
85+
<div class="container-fluid p-2 border border-primary rounded-3" style="font-size: 12px">
8686
<h4 class="mb-4">Materials List</h4>
8787
<select class="form-select mb-3" id="materialSelect">
8888
<option value="0">Select Material</option>
@@ -91,7 +91,7 @@ <h4 class="mb-4">Materials List</h4>
9191
<div class="col-auto">
9292
<button type="submit" id="extract_material" class="btn btn-sm btn-primary">
9393
<span id="extract_spinner" class="d-none spinner-border spinner-border-sm" aria-hidden="true"></span>
94-
<span id="extract_status"role="status">Extract</span>
94+
<span id="extract_status"role="status" style="font-size: 12px">Extract</span>
9595
</button>
9696
</div>
9797
<div class="col-auto">
@@ -107,7 +107,7 @@ <h4 class="mb-4">Materials List</h4>
107107
</div>
108108
</div>
109109
</div>
110-
<div class="container p-0 mt-2" style="max-height: 500px; overflow-y: auto;">
110+
<div class="container-fluid p-0 mt-2" style="max-height: 500px; overflow-y: auto;">
111111
<div class="row">
112112
<div class="col">
113113
<textarea id="extracted_mtlx" rows="20" cols="80"></textarea>
@@ -120,7 +120,7 @@ <h4 class="mb-4">Materials List</h4>
120120
</div>
121121

122122
<br>
123-
<div class="container p-2 border border-primary rounded-3" style="max-height: 400px; overflow-y: auto;">
123+
<div class="container-fluid p-2 border border-primary rounded-3" style="max-height: 400px; overflow-y: auto;">
124124
<h4 class="mb-4">Material Details</h4>
125125
<form id="materialForm">
126126
<div class="mb-3">
@@ -172,7 +172,7 @@ <h4 class="mb-4">Material Details</h4>
172172
</div>
173173
<br>
174174

175-
<div class="container p-2 border border-secondary rounded-3">
175+
<div class="container-fluid p-2 border border-secondary rounded-3">
176176
<div class="status">Material JSON Data</div>
177177
<textarea id="mtlxOutput" rows="10" cols="100"></textarea>
178178
<div class="row pb-2 pt-2">

0 commit comments

Comments
 (0)
⚡