mirror of
https://github.com/invoke-ai/InvokeAI
synced 2024-08-30 20:32:17 +00:00
fixed quick links responsiveness
This commit is contained in:
parent
dccf291f64
commit
47ea71d9bd
@ -15,7 +15,8 @@ title: Home
|
|||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.1/css/fontawesome.min.css">
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.1/css/fontawesome.min.css">
|
||||||
<style>
|
<style>
|
||||||
.button {
|
.button {
|
||||||
width: 300px;
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background-color: #448AFF;
|
background-color: #448AFF;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
@ -27,8 +28,9 @@ title: Home
|
|||||||
|
|
||||||
.button-container {
|
.button-container {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(3, 300px);
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button:hover {
|
.button:hover {
|
||||||
|
Loading…
Reference in New Issue
Block a user