#fs

lsh

2024-09-12 4fa61294a6f15871f14980dff2781afb1e485709

 src/main/webapp/views/index.html

@@ -13,7 +13,7 @@
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #dbd8d8;
            background-color: #a0d2eb;
            color: #ffffff;
            display: flex;
            justify-content: center;
@@ -54,7 +54,17 @@
            border: 4px solid #00E676;
            box-shadow: inset 0 0 30px rgba(0, 230, 118, 0.5), 0 0 20px rgba(0, 230, 118, 0.5);
        }
        .station, .bus {
        .station {
            position: absolute;
            width: 40px;
            height: 24px;
            /*border-radius: 50%;*/
            text-align: center;
            line-height: 24px;
            font-weight: bold;
            transition: transform 0.3s ease;
        }
        .bus {
            position: absolute;
            width: 24px;
            height: 24px;
@@ -70,7 +80,7 @@
        }
        .bus {
            background-color: #2196F3;
            border: 2px solid #ffffff;
            border: 20px solid #ffffff;
        }
        .station:hover, .bus:hover {
            transform: scale(1.4);
@@ -86,7 +96,7 @@
        <div class="outer-ring"></div>

        <!-- Stations on outer ring -->
<!--        <div class="station" style="top: 49%; left: 99%;">1000</div>-->
<!--        <div class="station" style="top: 49%; left: 99%;">1</div>-->
<!--        <div class="station" style="top: 30%; left: 100%;">2</div>-->
<!--        <div class="station" style="top: 70%; left: 100%;">3</div>-->
<!--        <div class="station" style="top: 110%; left: 50%;">4</div>-->