mirror/puter
1
0
Fork 0
mirror of https://github.com/HeyPuter/puter.git synced 2026-01-06 05:00:29 -06:00
Code Issues Packages Projects Releases Wiki Activity

use flexbox for app navbar in dev center

Browse Source
This commit is contained in:
Nariman Jelveh
2024-08-27 17:34:09 -07:00
parent b1c91758da
commit d285c2097f
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/dev-center/css/style.css
View File

@@ -855,7 +855,11 @@ ol li:before {
float:right; margin-bottom: 10px;
}
.edit-app-navbar{
overflow: hidden; margin-bottom: 60px; margin-top: 20px;
overflow: hidden;
margin-bottom: 60px;
margin-top: 20px;
display: flex;
align-items: center;
}
.app-title{
margin-top:0px;

2
src/dev-center/js/dev-center.js
View File

@@ -440,7 +440,7 @@ function generate_edit_app_section(app) {
let h = ``;
h += `
<div class="edit-app-navbar">
<div style="float:left; min-width: 700px;">
<div style="flex-grow:1;">
<img class="app-icon" data-uid="${html_encode(app.uid)}" src="${html_encode(!app.icon ? './img/app.svg' : app.icon)}">
<h3 class="app-title" data-uid="${html_encode(app.uid)}">${html_encode(app.title)}</h3>
<div style="margin-top: 4px; margin-bottom: 4px;">