Skip to content

Commit 22ecaa8

Browse files
committed
feat: add links to project page and docs in app tile
1 parent 4c1e2eb commit 22ecaa8

1 file changed

Lines changed: 24 additions & 5 deletions

File tree

  • pkg/suse-ai-lifecycle-manager/pages

pkg/suse-ai-lifecycle-manager/pages/Apps.vue

Lines changed: 24 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -138,6 +138,14 @@
138138
</span>
139139
</div>
140140
</div>
141+
<div class="tile-actions">
142+
<a v-if="app.project_url" :href="app.project_url" target="_blank" rel="noopener noreferrer" class="action-link" title="Project page" @click.stop>
143+
<i class="icon icon-external-link" />
144+
</a>
145+
<a v-if="app.documentation_url" :href="app.documentation_url" target="_blank" rel="noopener noreferrer" class="action-link" title="Documentation" @click.stop>
146+
<i class="icon icon-document" />
147+
</a>
148+
</div>
141149
</div>
142150

143151
<div class="tile-content">
@@ -1390,12 +1398,23 @@ export default defineComponent({
13901398
height: 20px;
13911399
}
13921400
1393-
/* Utility class for spacing */
1394-
.mr-5 {
1395-
margin-right: 5px;
1396-
}
1397-
13981401
.app-tile-filler {
13991402
visibility: hidden;
14001403
}
1404+
1405+
.tile-actions {
1406+
display: flex;
1407+
gap: 15px;
1408+
1409+
.action-link {
1410+
color: var(--muted);
1411+
font-size: 16px;
1412+
transition: color 0.2s ease;
1413+
1414+
&:hover {
1415+
color: var(--primary);
1416+
text-decoration: none;
1417+
}
1418+
}
1419+
}
14011420
</style>

0 commit comments

Comments
 (0)