phajas/smartbar
1
0
Fork 0
forked from buzzert/smartbar
Code Pull Requests Activity

Fix padding issue in index

Browse Source
This commit is contained in:
James Magahern
2025-08-10 17:51:50 -07:00
parent 611777a9d5
commit 0a866e7bf3
4 changed files with 2 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
assets/css/style.css
View File

@@ -24,17 +24,8 @@ html, body {
html { box-sizing: border-box; } html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; } *, *::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 { @media screen {
body {
background: #eeeeee;
display: flex;
align-items: flex-start;
justify-content: center;
padding: 1rem;
box-sizing: border-box;
}
#page { #page {
width: var(--page-w, 5.5in); width: var(--page-w, 5.5in);
height: var(--page-h, 8.5in); height: var(--page-h, 8.5in);

2
pages/bouba.html
View File

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

1
pages/cover.html
View File

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

2
templates/index.gohtml
View File

@@ -11,7 +11,7 @@
.main { display: flex; flex-direction: column; align-items: center; gap: 1rem; padding: 1rem; box-sizing: border-box; } .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; } .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; } .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> </style>
</head> </head>
<body style="--page-w: 5.5in; --page-h: 8.5in;"> <body style="--page-w: 5.5in; --page-h: 8.5in;">