Does dbc.Row restrict the html you can do for the content inside of it? I want my picture and buttons to be larger in my code but they seem to be restrained by the row?
Notice I set the font-size to 50 for one of the buttons and it still is very small. Looking on advice on how to make the picture bigger and move the buttons closer together. Including code and a screenshot.
import pandas as pd
import numpy as np
import plotly.graph_objects as go
import plotly.express as px
from jupyter_dash import JupyterDash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output
import dash_bootstrap_components as dbc
import microdf as mdfapp = JupyterDash(name,
external_stylesheets=[dbc.themes.FLATLY])app.layout = html.Div([
dbc.Row(
[
dbc.Col(html.A([
html.Img(src=“https://blog.ubicenter.org/_static/ubi_center_logo_wide_blue.png”, style={‘height’:‘100%’, ‘width’:‘100%’})
], href=‘https://www.ubicenter.org/’),width=1),
dbc.Col(html.A([
html.Button(‘Home’, style={‘height’:‘100%’, ‘width’:‘100%’, ‘color’:‘black’, ‘background-color’:‘white’, ‘border’:‘none’})
], href=‘https://www.ubicenter.org/'),width={‘size’:'1’, ‘offset’:‘5’}),
dbc.Col(html.A([
html.Button(‘Projects’, style={‘height’:‘100%’, ‘width’:‘100%’, ‘color’:‘black’, ‘background-color’:‘white’, ‘border’:‘none’})
], href=‘https://www.ubicenter.org/projects’),width={‘size’:'1’, ‘offset’:‘0’, ‘font-size’:‘50’}),
dbc.Col(html.A([
html.Button(‘Blog’, style={‘height’:‘100%’, ‘width’:‘100%’, ‘color’:‘black’, ‘background-color’:‘white’, ‘border’:‘none’})
], href=‘https://www.ubicenter.org/projects’),width={‘size’:'1’, ‘offset’:‘0’}),
dbc.Col(html.A([
html.Button(‘What is UBI?’, style={‘height’:‘100%’, ‘width’:‘100%’, ‘color’:‘black’, ‘background-color’:‘white’, ‘border’:‘none’})
], href=‘https://www.ubicenter.org/what-is-ubi’),width={‘size’:'1’, ‘offset’:‘0’}),
dbc.Col(html.A([
html.Button(‘About’, style={‘height’:‘100%’, ‘width’:‘100%’, ‘color’:‘black’, ‘background-color’:‘white’, ‘border’:‘none’})
], href=‘https://www.ubicenter.org/about’),width={‘size’:'1’, ‘offset’:‘0’}),
dbc.Col(html.A([
html.Button(‘Donate’, style={‘height’:‘100%’, ‘width’:‘100%’, ‘color’:‘black’, ‘background-color’:‘white’, ‘border’:‘none’})
], href=‘https://www.ubicenter.org/donate’),width={‘size’:'1’, ‘offset’:‘0’})
])
])
app.run_server(mode=‘external’)
