Millicool/shiny-app
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Fix layout margins and paddings

Browse Source
This commit is contained in:
C0d3v
2026-02-07 21:48:45 +01:00
parent 2fd7e150f3
commit 9ebc754c44
1 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
ui.R
View File

@@ -3,7 +3,16 @@ source("global.R")
ui <- function() { ui <- function() {
page_fillable( page_fillable(
h1("Polizeiliche Kriminalstatistik Hamburg", h1("Polizeiliche Kriminalstatistik Hamburg",
style = "color: #003064; background: linear-gradient(180deg, #dae5ed 0%, #cbd9e4 100%); padding: 20px 0px 20px 20px; background-clip: padding-box; font-weight: 400; box-shadow: 0 4px 12px rgba(0,0,0,0.08), 0 -4px 12px rgba(0,0,0,0.08); border-radius: 8px;", #text-align: center style = "
color: #003064;
background: linear-gradient(180deg, #dae5ed 0%, #cbd9e4 100%);
padding: 20px 0px 20px 20px;
font-weight: 400;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
border-radius: 0 0 12px 12px;
margin-left: 20px;
margin-right: 20px;
",
class = "display-4" class = "display-4"
), ),
tags$head( tags$head(
@@ -34,6 +43,7 @@ ui <- function() {
.nav.nav-tabs.card-header-tabs { .nav.nav-tabs.card-header-tabs {
display: flex; display: flex;
gap: 20px; gap: 20px;
margin: 0 0 -8px 0;
} }
.nav-item, .nav-item:focus { .nav-item, .nav-item:focus {
background: var(--bs-card-color); background: var(--bs-card-color);
@@ -64,7 +74,7 @@ ui <- function() {
outline: none; outline: none;
border-right: none; border-right: none;
padding-bottom: 20px; padding-bottom: 20px;
padding-right: 10px; padding-right: 0;
} }
.sidebar-content.bslib-gap-spacing { .sidebar-content.bslib-gap-spacing {
height: 100%; height: 100%;
@@ -81,7 +91,7 @@ ui <- function() {
border-12px solid white; border-12px solid white;
background: #fff; background: #fff;
box-shadow: 4px 4px 8px rgba(0,0,0,0.4); box-shadow: 4px 4px 8px rgba(0,0,0,0.4);
margin-left: 10px; margin-left: 20px;
top: 0 !important; top: 0 !important;
left: 0 !important; left: 0 !important;
} }
@@ -93,7 +103,8 @@ ui <- function() {
outline: none; outline: none;
padding-top: 0; padding-top: 0;
padding-bottom: 20px; padding-bottom: 20px;
padding-left: 10px; padding-left: 20px;
padding-right: 20px;
} }
.bslib-grid-item.bslib-gap-spacing.html-fill-container { .bslib-grid-item.bslib-gap-spacing.html-fill-container {
background: #fff; background: #fff;