lee/puter
1
0
Fork 0
mirror of https://github.com/HeyPuter/puter.git synced 2026-05-04 08:30:39 +00:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

Adjust recent apps display and update dashboard styles

Browse Source
This commit is contained in:
jelveh
2025-12-06 21:31:46 -08:00
parent c45c40c304
commit 08599efd78
2 changed files with 9 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/gui/src/UI/Dashboard/TabHome.js
+5 -7
View File
@@ -29,19 +29,17 @@ function buildRecentAppsHTML () {
if ( window.launch_apps?.recent?.length > 0 ) {
h += '<div class="bento-recent-apps-grid">';
// if name === title === uuid, then app title will be the hostname of index_url
// otherwise, use the title
for ( const app_info of window.launch_apps.recent ) {
if ( app_info.name === app_info.title === app_info.uuid && app_info.index_url ) {
app_info.title = new URL(app_info.index_url).hostname;
}
}
// Show up to 6 recent apps
const recentApps = window.launch_apps.recent.slice(0, 6);
for ( const app_info of recentApps ) {
h += `<div class="bento-recent-app" data-app-name="${html_encode(app_info.name)}">`;
h += `<img class="bento-recent-app-icon" src="${html_encode(app_info.icon || window.icons['app.svg'])}">`;
// if title is the same as name, then show the hostname of index_url
if ( app_info.name === app_info.title === app_info.uuid && app_info.index_url ) {
app_info.title = new URL(app_info.index_url).hostname;
}
h += `<span class="bento-recent-app-title">${html_encode(app_info.title)}</span>`;
h += '</div>';
}
src/gui/src/css/style.css
+4 -5
View File
@@ -5664,11 +5664,11 @@ fieldset[name=number-code] {
transition: transform 0.15s ease;
}
.dashboard-app-card .start-app:hover {
transform: scale(1.1);
transform: scale(1.05);
}
.dashboard-app-title {
font-size: 12px;
font-size: 13px;
color: #333;
text-align: center;
white-space: nowrap;
@@ -5924,7 +5924,7 @@ fieldset[name=number-code] {
.bento-recent-app:hover {
background: none !important;
transform: scale(1.1);
transform: scale(1.05);
}
.bento-recent-app:active {
@@ -5939,14 +5939,13 @@ fieldset[name=number-code] {
}
.bento-recent-app-title {
font-size: 12px;
font-size: 13px;
color: #333;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
font-weight: 500;
}
/* Empty state for recent apps */