Skip to content

Commit 880a2cc

Browse files
authored
Fix missing CSS and a broken link in the Vanilla JS application tutorial (#949)
* add missing css for bounding box and removed duplicate style * fix a broken link
1 parent f43d3dd commit 880a2cc

File tree

1 file changed

+11
-7
lines changed

1 file changed

+11
-7
lines changed

docs/source/tutorials/vanilla-js.md

Lines changed: 11 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,6 @@ body {
5757
.custom-file-upload {
5858
display: flex;
5959
align-items: center;
60-
cursor: pointer;
6160
gap: 10px;
6261
border: 2px solid black;
6362
padding: 8px 16px;
@@ -124,7 +123,7 @@ const status = document.getElementById("status");
124123

125124
## Step 3: Create an object detection pipeline
126125

127-
We’re finally ready to create our object detection pipeline! As a reminder, a [pipeline](./pipelines). is a high-level interface provided by the library to perform a specific task. In our case, we will instantiate an object detection pipeline with the `pipeline()` helper function.
126+
We’re finally ready to create our object detection pipeline! As a reminder, a [pipeline](../pipelines). is a high-level interface provided by the library to perform a specific task. In our case, we will instantiate an object detection pipeline with the `pipeline()` helper function.
128127

129128
Since this can take some time (especially the first time when we have to download the ~40MB model), we first update the `status` paragraph so that the user knows that we’re about to load the model.
130129

@@ -269,14 +268,19 @@ The bounding box and label span also need some styling, so add the following to
269268

270269
```css
271270
.bounding-box {
272-
position: absolute;
273-
box-sizing: border-box;
271+
position: absolute;
272+
box-sizing: border-box;
273+
border-width: 2px;
274+
border-style: solid;
274275
}
275276

276277
.bounding-box-label {
277-
position: absolute;
278-
color: white;
279-
font-size: 12px;
278+
color: white;
279+
position: absolute;
280+
font-size: 12px;
281+
margin-top: -16px;
282+
margin-left: -2px;
283+
padding: 1px;
280284
}
281285
```
282286

0 commit comments

Comments
 (0)