better display
This commit is contained in:
+4
-1
@@ -909,12 +909,15 @@ def create_dashboard():
|
|||||||
header p {{ color: #aab5c5; }}
|
header p {{ color: #aab5c5; }}
|
||||||
section {{ margin: 1.5rem 0 2.5rem; }}
|
section {{ margin: 1.5rem 0 2.5rem; }}
|
||||||
h2 {{ border-bottom: 1px solid #344054; padding-bottom: .5rem; }}
|
h2 {{ border-bottom: 1px solid #344054; padding-bottom: .5rem; }}
|
||||||
.grid {{ display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr)); gap: 1rem; }}
|
.grid {{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }}
|
||||||
.card {{ overflow: hidden; border: 1px solid #344054; border-radius: 12px; background: #19202c; box-shadow: 0 8px 24px #0004; }}
|
.card {{ overflow: hidden; border: 1px solid #344054; border-radius: 12px; background: #19202c; box-shadow: 0 8px 24px #0004; }}
|
||||||
.card h3 {{ padding: 1rem 1rem 0; color: #cbd5e1; font-size: 1rem; }}
|
.card h3 {{ padding: 1rem 1rem 0; color: #cbd5e1; font-size: 1rem; }}
|
||||||
.card a {{ display: block; }}
|
.card a {{ display: block; }}
|
||||||
.card img {{ display: block; width: 100%; height: auto; background: white; }}
|
.card img {{ display: block; width: 100%; height: auto; background: white; }}
|
||||||
footer {{ padding: 0 0 2rem; color: #8c99aa; text-align: center; }}
|
footer {{ padding: 0 0 2rem; color: #8c99aa; text-align: center; }}
|
||||||
|
@media (max-width: 760px) {{
|
||||||
|
.grid {{ grid-template-columns: 1fr; }}
|
||||||
|
}}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
Reference in New Issue
Block a user