Ideal_Client

Running

App Files Files Community

JeCabrera commited on 21 days ago

Commit

fa1d475

verified ·

1 Parent(s): 06265ee

Update style.py

Browse files

Files changed (1) hide show

style.py +28 -15

style.py CHANGED Viewed

@@ -9,36 +9,49 @@ styles = {
     "button": """
         <style>
             .stButton > button {
-                width: 100%;
                 margin-top: 1rem;
-                background-color: #FFD700;
                 color: black;
                 font-weight: bold;
-                border: none;
             }
             .stButton > button:hover {
-                background-color: #0066cc;
-                color: white;
-                border: none;
             }
         </style>
     """,
     "download_button": """
         <style>
             .stDownloadButton button {
-                background-color: #32CD32 !important;
-                color: black !important;
-                padding: 0.5rem 1rem !important;
-                border-radius: 0.5rem !important;
-                border: 1px solid #228B22 !important;
-                font-weight: 600 !important;
-                margin: 1rem 0 !important;
                 transition: all 0.3s ease !important;
             }
             .stDownloadButton button:hover {
-                background-color: #3CB371 !important;
-                box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
                 transform: translateY(-2px) !important;
             }
         </style>
     """,

     "button": """
         <style>
             .stButton > button {
+                width: 80%;
+                margin-left: 10%;
                 margin-top: 1rem;
+                border-radius: 5px;
+                height: 3em;
+                background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
                 color: black;
                 font-weight: bold;
+                border: 1px solid #E6C200;
+                transition: all 0.3s ease;
             }
             .stButton > button:hover {
+                background: linear-gradient(135deg, #FFDF33 0%, #FFB733 100%);
+                transform: translateY(-2px);
+                border: 1px solid #E6C200;
             }
         </style>
     """,
     "download_button": """
         <style>
+            .stDownloadButton {
+                text-align: center;
+                display: flex;
+                justify-content: center;
+                margin-top: 5px;
+                width: 80%;
+                margin-left: auto;
+                margin-right: auto;
+            }
             .stDownloadButton button {
+                width: 100%;
+                border-radius: 5px;
+                height: 3em;
+                background: linear-gradient(135deg, #32CD32 0%, #228B22 100%);
+                color: white !important;
+                font-weight: bold !important;
                 transition: all 0.3s ease !important;
+                border: 1px solid #228B22 !important;
             }
             .stDownloadButton button:hover {
+                background: linear-gradient(135deg, #3ED83E 0%, #2A9D2A 100%);
                 transform: translateY(-2px) !important;
+                box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
             }
         </style>
     """,