Spaces:
Running
Running
File size: 2,395 Bytes
1c2fdca |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 |
import streamlit as st
def nev():
st.markdown("""
<style>
/* Responsive icon and text size for option menu */
@media only screen and (max-width: 768px) {
.nav-link > span {
font-size: 14px !important; /* reduce label size */
}
.nav-link > i {
font-size: 16px !important; /* reduce icon size */
}
}
@media only screen and (max-width: 480px) {
.nav-link > span {
font-size: 12px !important;
}
.nav-link > i {
font-size: 14px !important;
}
}
@media only screen and (min-width: 769px) {
.nav-link > span {
font-size: 18px !important;
}
.nav-link > i {
font-size: 20px !important;
}
}
.custom-navbar {
margin-top: 0px;
}
@media only screen and (max-width: 768px) {
.custom-navbar {
margin-top: 50px !important;
}
}
</style>
""", unsafe_allow_html=True)
def cicle_button():
st.markdown("""
<style>
/* Target the button using Streamlit's internal structure */
div[class^="stButton"] > button {
width: 80px;
height: 80px;
border-radius: 50%;
background-color: #008080;
color: white;
font-weight: bold;
font-size: 16px;
padding: 0;
border: none;
margin-left: 37%;
margin-top: 70px;
}
@media (max-width: 640px) {
div[class^="stButton"] > button {
margin-top: 0px;
margin-left:43%;
}
div[class^="stButton"] > button:hover {
background-color: #009999;
margin-left: 90px;
}
@media (max-width: 767px) {
div[class^="stButton"] > button:hover{
margin-top: 0px;
margin-left:60px;
}
@media (max-width: 640px) {
div[class^="stButton"] > button:hover{
margin-top: 0px;
margin-left:43%;
}
</style>
""", unsafe_allow_html=True) |