Fix padding issue in index

This commit is contained in:
2025-08-10 17:51:50 -07:00
parent 611777a9d5
commit 0a866e7bf3
4 changed files with 2 additions and 14 deletions

View File

@@ -24,17 +24,8 @@ html, body {
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
/* Screen preview: render a page at exact CSS inches and center it */
/* Screen preview: render a page at exact CSS inches */
@media screen {
body {
background: #eeeeee;
display: flex;
align-items: flex-start;
justify-content: center;
padding: 1rem;
box-sizing: border-box;
}
#page {
width: var(--page-w, 5.5in);
height: var(--page-h, 8.5in);

View File

@@ -5,7 +5,5 @@
</style>
<div id="bouba-page" class="page-base">
<h1>bouba</h1>
This is a test kiki.
</div>

View File

@@ -5,6 +5,5 @@
</style>
<div id="cover-page" class="page-base">
<h1>Smart Bar</h1>
welcome to smart bar
</div>

View File

@@ -11,7 +11,7 @@
.main { display: flex; flex-direction: column; align-items: center; gap: 1rem; padding: 1rem; box-sizing: border-box; }
.thumb { display: flex; flex-direction: column; align-items: center; }
.label { font: 12px/1.2 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color: #555; margin: 0.25rem 0; }
.thumb iframe { width: var(--page-w, 5.5in); height: var(--page-h, 8.5in); border: 0; background: white; box-shadow: 0 0 0 1px rgba(0,0,0,0.08), 0 8px 24px rgba(0,0,0,0.18); }
.thumb iframe { display:block; width: var(--page-w, 5.5in); height: var(--page-h, 8.5in); border: 0; background: white; box-shadow: 0 0 0 1px rgba(0,0,0,0.08), 0 8px 24px rgba(0,0,0,0.18); }
</style>
</head>
<body style="--page-w: 5.5in; --page-h: 8.5in;">