Fix layout margins and paddings
This commit is contained in:
19
ui.R
19
ui.R
@@ -3,7 +3,16 @@ source("global.R")
|
||||
ui <- function() {
|
||||
page_fillable(
|
||||
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"
|
||||
),
|
||||
tags$head(
|
||||
@@ -34,6 +43,7 @@ ui <- function() {
|
||||
.nav.nav-tabs.card-header-tabs {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
margin: 0 0 -8px 0;
|
||||
}
|
||||
.nav-item, .nav-item:focus {
|
||||
background: var(--bs-card-color);
|
||||
@@ -64,7 +74,7 @@ ui <- function() {
|
||||
outline: none;
|
||||
border-right: none;
|
||||
padding-bottom: 20px;
|
||||
padding-right: 10px;
|
||||
padding-right: 0;
|
||||
}
|
||||
.sidebar-content.bslib-gap-spacing {
|
||||
height: 100%;
|
||||
@@ -81,7 +91,7 @@ ui <- function() {
|
||||
border-12px solid white;
|
||||
background: #fff;
|
||||
box-shadow: 4px 4px 8px rgba(0,0,0,0.4);
|
||||
margin-left: 10px;
|
||||
margin-left: 20px;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
}
|
||||
@@ -93,7 +103,8 @@ ui <- function() {
|
||||
outline: none;
|
||||
padding-top: 0;
|
||||
padding-bottom: 20px;
|
||||
padding-left: 10px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.bslib-grid-item.bslib-gap-spacing.html-fill-container {
|
||||
background: #fff;
|
||||
|
||||
Reference in New Issue
Block a user