diff --git a/web/index.html b/web/index.html index 5f2f44c..1ee2d47 100644 --- a/web/index.html +++ b/web/index.html @@ -66,9 +66,9 @@ box-shadow: 0px 0px 10px 10px #fbe9f0 } - .card:hover { + /* .card:hover { box-shadow: 0px 0px 10px 10px #e9fbfa - } + } */ .card h5 { font-size: 14px; @@ -146,15 +146,6 @@ margin-top: 4px; } - .status { - background: black; - color: white; - display: flex; - width: fit-content; - padding: 4px; - font-size: 12px; - - } .description { display: flex; @@ -264,20 +255,44 @@ margin-top: 12px; } + .run_div { + position: fixed; + bottom: 28px; + display: flex; + left: 144px; + z-index: 100; + /* align-items: center; */ + /* justify-content: space-around; */ + /* width: calc(50% - 100px); */ + flex-direction: column; + background-color: #f7f7f7; + box-shadow: 3px 3px 8px #cacaca; + border-radius: 8px; + } + + .status { + /* background: #e7e7e7; */ + color: black; + display: flex; + width: 120px; + padding-left: 11px; + font-size: 12px; + border-radius: 8px; + justify-content: flex-start; + align-items: center; + height: 48px; + } + .run_btn { background: black; color: white; - width: calc(50% - 100px); - min-width: 300px; + /* width: calc(50% - 100px); */ + min-width: 200px; max-width: 460px; height: 48px; - position: fixed; - bottom: 28px; - left: 144px; - border-radius: 12px; + border-radius: 8px; cursor: pointer; border: 3px solid; - z-index: 100; } button:hover { @@ -487,7 +502,7 @@ HELP/帮助 - +