diff --git a/src/pages/Index/Regular/Running.vue b/src/pages/Index/Regular/Running.vue index 6014415..03e5db2 100644 --- a/src/pages/Index/Regular/Running.vue +++ b/src/pages/Index/Regular/Running.vue @@ -390,17 +390,23 @@ watch( .waste-area { border-radius: 12px; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; + // display: flex; + // flex-direction: column; + // justify-content: center; + // align-items: center; + position: relative; transition: all 0.3s ease; background-color: #5cb85c; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); + margin-bottom: 6px; &.isFull { background-color: #d9534f; } .waste-text { + position: absolute; + left: 50%; + top: 50%; + transform: translateX(-50%) translateY(-60%); font-size: 26px; font-weight: 600; color: #ffffff; @@ -410,7 +416,10 @@ watch( text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .full-state { - margin-top: 8px; + position: absolute; + left: 50%; + bottom: 55px; + transform: translateX(-50%); color: #fff; font-size: 20px; font-weight: bold;