Hanzo_Dev/SIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI/UX Optimization: Fixed HUD elements, compacted sidebar menu, and improved mobile animations stability

Browse Source
This commit is contained in:
Johan Samudio
2026-02-21 17:43:46 -05:00
parent 7adc9cec45
commit cdd553d9cb
4 changed files with 128 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

144
frontend/.firebase/hosting.ZGlzdA.cache
View File

@ -8,75 +8,75 @@ favicon.ico,1769464283903,553f734900a313ee735847c6fd3333a188e7d21f10efa11903d53c
favicon-32.png,1769464283900,4d0eeeadf9e051b36d2ad4cec4bb0d8135b7879a0323077d0b5e1e70e0f4445b favicon-32.png,1769464283900,4d0eeeadf9e051b36d2ad4cec4bb0d8135b7879a0323077d0b5e1e70e0f4445b
favicon-16.png,1769464283899,5fec82c563501c9fbed7e40b3878a908b91801b60f4fbbfab57cefb4fe78931a favicon-16.png,1769464283899,5fec82c563501c9fbed7e40b3878a908b91801b60f4fbbfab57cefb4fe78931a
default-coupon.png,1770001277723,ff8babdd3515989ffe44728488ea910e15d09dbf395fb5036141c520dbfe94a6 default-coupon.png,1770001277723,ff8babdd3515989ffe44728488ea910e15d09dbf395fb5036141c520dbfe94a6
sw.js,1771704240301,f88772be84b33f5c09d03e74d1111d154289ebba4bc6269bfb09af3f33244bf3 sw.js,1771713646865,bbd869cb5e02a40309ad7454361b446d9b63740390ce19f7f4e7af001ace2669
registerSW.js,1771704238726,09e15d1438017c065a3281739cb5506aeaf7b3047bc3ada992da01d4497c2d43 registerSW.js,1771713645334,09e15d1438017c065a3281739cb5506aeaf7b3047bc3ada992da01d4497c2d43
manifest.webmanifest,1771704238726,87eb160150ca30a7cf3f3d6ca9af3a21fafe809e86023fa7de1315da036b5592 index.html,1771713645334,dc58dfccca1aeacf7bff97f8058920537d035377e78168336c227ce578288fe7
index.html,1771704238726,de9eeeca604c6dbb22850282f5a4834527d72678ce77b56798ca6fca0bffd908 assets/web-By9Jh67u.js,1771713645334,72ccb2fa5a54a1c5d87f97a4187a1659abb5568206599cd1c9c35914b09cb2cb
assets/web-Dhec4Ays.js,1771704238726,0c4190f130bb4e37c1168f6fca950996bb588317d980759d96825ad6fe6171df manifest.webmanifest,1771713645334,87eb160150ca30a7cf3f3d6ca9af3a21fafe809e86023fa7de1315da036b5592
workbox-1d305bb8.js,1771704240303,5e0e0f57e6b732b3a5dd91cb61f94f7d1d79775b680269e6b0a208a0f5f1bbd6 assets/timeFormatter-BjMQ8E0Y.js,1771713645334,659c6bddc1380663c70893da1bb2adc86d18101a122c196a75aaa1d76d9c382f
assets/timeFormatter-BjMQ8E0Y.js,1771704238726,659c6bddc1380663c70893da1bb2adc86d18101a122c196a75aaa1d76d9c382f assets/telemetryService-IX3eAL1D.js,1771713645334,b24887bdec7d4ca68c7664f8f72a4795b5c2749df67bfb6e2d0585019c7d8547
assets/useGoogleMaps-C-SJmPK6.js,1771704238726,d2996fdad751888930895eb2101120f9fe32c9ac91ef03efd1201ed6e750a72c assets/useGoogleMaps-CX88BWrY.js,1771713645334,c2ce340c6ea269645f43c4f2262674a64a75758acb036f8e4d67b61c17e36f28
assets/TaxiView-BycuFnLU.css,1771704238725,7f49c5e464c106c63ebd421272b13b65e12615e658d64add93404d58ca0b440d assets/TaxiView-BycuFnLU.css,1771713645333,7f49c5e464c106c63ebd421272b13b65e12615e658d64add93404d58ca0b440d
assets/TaxiView-VubPwq5C.js,1771704238726,54481603d314bcc49953653b61be6cda3753a324f39adf7a29534319e40934e0 workbox-1d305bb8.js,1771713646866,5e0e0f57e6b732b3a5dd91cb61f94f7d1d79775b680269e6b0a208a0f5f1bbd6
assets/telemetryService-sSPo6pJR.js,1771704238726,0b85b1cea5443476b54a31965a7ffbfb643bf5c724092bf5c100784e15210d00 assets/SplashScreen-D7BqLjof.js,1771713645333,2ad4c1aa4c26e5a98666e63853e15e0f9dccaf597a85a963e4ea64753bdbfebc
assets/StrategicAnalytics-Ck0SNJxh.css,1771704238725,69615149ccc2cd5e3eb7473d4af584f4bbd3bd2d08bbe3f74f7b453a413d5713 assets/StrategicAnalytics-Ck0SNJxh.css,1771713645333,69615149ccc2cd5e3eb7473d4af584f4bbd3bd2d08bbe3f74f7b453a413d5713
assets/SplashScreen-K-kyfAob.css,1771704238724,c01e5e1406d96f10dd4b5253f39453e880cb6f627a844b98b65169a1a5432bdc assets/SplashScreen-K-kyfAob.css,1771713645333,c01e5e1406d96f10dd4b5253f39453e880cb6f627a844b98b65169a1a5432bdc
assets/SplashScreen-D2mFBBVG.js,1771704238725,c3217fd8284a2d2e80aa7c05efdb133029a2d9b54aa54165fc5d85f873eaff53 assets/TaxiView-OXc8uTXQ.js,1771713645334,fc5ac44e040cfefc59fc8528d6c34efa60e6a0da04680d006835567881bc1fb0
assets/schedulesService-Rwde4vf6.js,1771704238726,7b9fce11442c8ca71f19a876a91b5f12c2e3472820e97dc785961957753113dc assets/SchedulesView-CRLKeJ_W.css,1771713645333,db6e487c60f4e5b6aaf9fe391974de116a2e5f5be5e81347e82291ea27a8272b
assets/SchedulesView-CDw4FQTW.js,1771704238725,9d29ce14daaf1e08727d7026a5b81c5d1c0bf453b6408e70abb7f8944336f2b3 assets/schedulesService-DDvtst1j.js,1771713645334,73c9230fc4fad1c85f57afc651203a209a179302e0c031dc4c078d1d728c5b9e
assets/SchedulesView-CRLKeJ_W.css,1771704238725,db6e487c60f4e5b6aaf9fe391974de116a2e5f5be5e81347e82291ea27a8272b assets/SchedulesView-BFehDDWD.js,1771713645334,8c7f9cf33d271e207b23c6eb22df7496a5d029b0d2e3867a03bcdc5e6d8c84c6
assets/RoutesView-BQdZq3GS.css,1771704238724,eeca12c4566c78503b02cf8f764d849517ab81ed1f5077d3dd4c595dd04770d6 assets/routesService-EbO9DXS2.js,1771713645334,05d60929d341ee90cea061eb2e671fab3ccda179ea82dc8f0e92b6f9fcc29be7
assets/RoutesView-CKfx5Qlh.js,1771704238725,675c1e1883335115bd5ccf174a762b7dbcee1660ae3f708b4b66f7d2d84f3633 assets/RoutesView-cm5sGkna.js,1771713645333,6d4ece94aad050392ad327b2f03c13744e409f0c8e453eb79010401c3b028ae2
assets/routesService-D5maJVWO.js,1771704238726,6f33bbd90b1a64c716a82d075c0b2b0009cc118fa58f4e326d2573e4b6c9e390 assets/RoutesView-BQdZq3GS.css,1771713645333,eeca12c4566c78503b02cf8f764d849517ab81ed1f5077d3dd4c595dd04770d6
assets/route-BuMy4vf-.js,1771704238725,3d920bb4b4ac954ce40b50efc78df26a28ac474f50ae2c1cc31c68c402231914 assets/route-e5SY--zJ.js,1771713645334,8696ee66d7d88a1e686a0a9baee864b47b8df04ebfb0fe9a7fbd429729d9a7cb
assets/PromoterDashboard-nSP6hhuP.css,1771704238725,d4c01a2f7ae984d0d7ad1ac7b575ab981d75dabfd2c3794ebc74ee43fcc96fb0 assets/PromoterDashboard-nSP6hhuP.css,1771713645333,d4c01a2f7ae984d0d7ad1ac7b575ab981d75dabfd2c3794ebc74ee43fcc96fb0
assets/ProfileView-BhSlUAPK.css,1771704238725,17e1f8982ffd5bfde0721b5f9a23aca36a66900781e8b43d35dc26f403c2cf0a assets/ProfileView-CMIyZ6tY.js,1771713645334,91693f9aef66992c14485174eb340804b55a507aa9e05b7a3d253e877ea97d91
assets/ProfileView-BgozGjTL.js,1771704238725,c958b0eca2412aa051850b3833e5c58a7b3816c559b26a1d0b3c96be1d16dfa6 assets/ProfileView-BhSlUAPK.css,1771713645333,17e1f8982ffd5bfde0721b5f9a23aca36a66900781e8b43d35dc26f403c2cf0a
assets/PromoterDashboard-BYCee5Vr.js,1771704238726,953ccfb71b0d69ff0f029cfc1695d8f71398cb238dc730c54580792503cf3fd7 assets/PromoterDashboard-B4qy98nV.js,1771713645334,2517fe5f16bcf58f28a794856e3f799e1549246cd04c651d3905013001adce12
assets/purify.es-Bzr520pe.js,1771704238726,6ce952e09072ea544ebfdb257d3775ac9a6de76808b87d6fd0de467e24d1d8ad assets/purify.es-Bzr520pe.js,1771713645334,6ce952e09072ea544ebfdb257d3775ac9a6de76808b87d6fd0de467e24d1d8ad
assets/MapView-a2VRpt8l.css,1771704238712,b83c3fb9a89bc4726313fd755c27742eb787861c0f8a1a58f0176f5e289996ed assets/MapView-RP9ACikm.css,1771713645333,f57ff2793eb3d610bb4b02e5d0aa63567cb3f1634e996d26abbb85a6c3df052e
assets/index-DFpbGEZK.css,1771704238724,c70cc6edccf0291dc7c2f4ea450d2384c5c12ec6a5ba9675a43ce766efa3acf3 assets/icon-192-cB8p-G7m.js,1771713645334,f41fd8e2adc5e413f2f83fa06bc5a5ad9759f6f28af06348e852d6b88839c20e
assets/icon-192-cB8p-G7m.js,1771704238726,f41fd8e2adc5e413f2f83fa06bc5a5ad9759f6f28af06348e852d6b88839c20e assets/index-a1IAjFVg.css,1771713645323,81db3742e4ed79a0fb971d12c63978f8225070f3694e44e9625656a671b9b691
assets/FavoritesView-CR-viOET.css,1771704238725,5d4fc48a791e14b691de4e2f5bfc7af9dec3563ab1845b503da0798682bbbdcc assets/FavoritesView-CR-viOET.css,1771713645333,5d4fc48a791e14b691de4e2f5bfc7af9dec3563ab1845b503da0798682bbbdcc
assets/favorites-ClFDWvz_.js,1771704238726,ebe3c1d6b3f22f7e033f91117f74737ddd1d473ff308a2748acc5de412c4a84c assets/FavoritesView-DmXVTr2t.js,1771713645334,8afcb278c18b0d17f1776fe316e66aec4a5b0057426a469ac0e7fc397943555a
assets/FavoriteButton-x_eupA7E.css,1771704238725,e83a939e4e4ef837f8b9b5b1e0ed4df3ad37d131d3fd2fb2c0063d4b99235d43 assets/favorites-CtQHfGiY.js,1771713645334,94207d22f298a81af4a306fee90612ae0734466e608a53fd40ffc186fa278ccd
assets/FavoritesView-BZth-LF9.js,1771704238725,5869ff0e8159b4b7cdb4ec84de8229cb8ab9c873cc6bda6e86a41aaced9bb39c assets/FavoriteButton-x_eupA7E.css,1771713645333,e83a939e4e4ef837f8b9b5b1e0ed4df3ad37d131d3fd2fb2c0063d4b99235d43
assets/FavoriteButton-dKwC20iv.js,1771704238726,ed7868892b623d5bc24acd3534ac9130373e8af3b38c8db7542999bf736ed9e0 assets/DriverDashboard-DWfPJRR-.css,1771713645333,8411c7297f0aee41d3d32e4858fc38c0760659e7aa81867fb3e465dba9a236d7
assets/MapView-CLPWIQa1.js,1771704238725,cf0128e858ca720edf40cab7c4e70431500f184c834a43dede0e9ae4624165cb assets/MapView-n--oBH2m.js,1771713645333,4523c51481448207c8af2302a994ffec53cdfe19fe64bc447af8a374f2b1b9fa
assets/DriverDashboard-DWfPJRR-.css,1771704238725,8411c7297f0aee41d3d32e4858fc38c0760659e7aa81867fb3e465dba9a236d7 assets/FavoriteButton-DbIbiKqd.js,1771713645334,56905a48d3eb6dce86f2f7512bf52c497bbc0823c73756597b01aad3f3f9ab8e
assets/DiscoverView-_tZVS0_s.css,1771704238724,50599cabae02d02a0ff2d4074f2238e38fd6c2fa9724a7c6308e29981ff59e4c assets/DiscoverView-_tZVS0_s.css,1771713645333,50599cabae02d02a0ff2d4074f2238e38fd6c2fa9724a7c6308e29981ff59e4c
assets/DriverDashboard-BgTDwv3F.js,1771704238726,c98efa7d27ef116706bb7d2ddadc18f9119945fc07a1792a7074d5f3b06f3eac assets/DriverDashboard-D6mzYAFj.js,1771713645334,aeb0ad74499553bfd16328c1094b61804b1021cbe2199ef8c4d6b8c7c9b972d2
assets/DiscoverView-DdXIRmUJ.js,1771704238725,81cc6c33eb9fc2b9cb7ac4d1c0a3800451d53251b31d52752bee8881171931a7 assets/couponsService-DMWOe9KI.js,1771713645334,568031aa8fdb96404a4536936bfe236d1608af0be56885a817fcb5d8ecb62a46
assets/couponsService-B8EMglmo.js,1771704238726,b37de46e453c960769da0d2bb5b62f8154a36d46dbce83b1b3da70eb1710d358 assets/DiscoverView-C223L_p-.js,1771713645334,91c212e54d3280563bff134230e698601bbdb0aaaede242e3d121feef8e37ec2
assets/CouponsView-D8TyS2Q2.css,1771704238725,bfb1d6032738efa2153b0400dfd1271672bbafd326e601d074245e81d1364cca assets/CouponsView-D8TyS2Q2.css,1771713645333,bfb1d6032738efa2153b0400dfd1271672bbafd326e601d074245e81d1364cca
assets/CouponsView-DbTLCXc0.js,1771704238725,906a57922eb6bd73fcc75db9c7e7d7e0546e3614efc8d36cf14b01acbc0cbc36 assets/busStopsService-BROW5VC5.js,1771713645334,1b7950cf8bef2b3391eef1b0a1a9945a81b68067e146f1980953229f0423eafb
assets/coupon-BTozEl4U.js,1771704238726,a3a65b02fcadbab697288ac80d4e9aeb9104a9331e822950832bc07a50cfbb77 assets/BusStopDetailsView-YPniKC_7.css,1771713645333,f485fb81a011121e0c779b173704f7c90c1868d0770ec43b473a037d09b0b537
assets/busStopsService-Dm4JWGui.js,1771704238726,657fcee50e83c4a04a09e32d4bd70c735e1f6bb12f97eee9f1afef7f6e3fa62a assets/busStop-CL59gjJs.js,1771713645334,db3226b69422a083715b02fabed0ee6130c41fc2c0596317fc73d5142943e8d7
assets/BusStopDetailsView-YPniKC_7.css,1771704238725,f485fb81a011121e0c779b173704f7c90c1868d0770ec43b473a037d09b0b537 assets/BusStopDetailsView-dzLGzGa7.js,1771713645334,0e1f71a992f79d63a1deca9188426ca0073b4a880e296f8a3711a76a08c3c121
assets/BusStopDetailsView-BuKTlaNf.js,1771704238726,be6d6761141edbc6b1f7be35dafc3056b108685e6955493cc7d95233a395d26f assets/CouponsView-OHG81Hdz.js,1771713645334,93c702f5cccb72f0dd9c5fcdff029dce20ebbd9715e6d7b6c757c662f3cc05d7
assets/busStop-CjtjnRDi.js,1771704238726,2f9ca8adb8a338c35d6a6edb2e751011c13d8b6dda10dee31a16926ea6c0c431 assets/coupon-CLcubjT6.js,1771713645334,fdcd920b5c99edf94b6feb05f2a1b7d60520ae2a94fcfdce9a21e5a2f5483b25
assets/businessService-BfWHSj5R.js,1771704238726,677e20c49fcabb08c7fe863f8464e49d8f1b394cce0a1ccfe008b46916456279 assets/businessService-B95ImkRr.js,1771713645334,6633f89eb2c132dcdf75de79f8c71715525fba862a3f8fb51aa100d10fa31f5e
assets/BusinessDetailsView-B54egNo4.css,1771704238724,b98466538682838251a16af1c1fe6a7fe983a19b8e0594fd5f745d090e474599 assets/BusinessDetailsView-C9WyVCyY.js,1771713645333,7f867df2abd6ac7178154139a8d1400be5b0dc204f86fb8f97bb853b67430781
assets/BusinessDetailsView-C2JrboeE.js,1771704238725,12e0ddeb6652ebeb398ec8cff2ba2cf1f019694b27e2e45a2be9a8a2dbf996a4 assets/BusinessDetailsView-B54egNo4.css,1771713645333,b98466538682838251a16af1c1fe6a7fe983a19b8e0594fd5f745d090e474599
assets/AuthView-BfDSXMHM.css,1771704238725,a808f3dc76eaa54ad6f63c8dc7c9e284462d6c4744cd7dba4a655781d7b03d22 assets/AuthView-BfDSXMHM.css,1771713645333,a808f3dc76eaa54ad6f63c8dc7c9e284462d6c4744cd7dba4a655781d7b03d22
assets/authService-C5OhwnNk.js,1771704238726,4bff5be335535a696f3240289e7bd0d459f6eadf0f008b0f13c0ea14cd28b8a5 assets/AuthView-DaPJT5Qr.js,1771713645334,7debd29822c687aa5a5ad91441c6a3f9db4e0c269c72b7833ff9c44994a43545
assets/AuthView-DJsV__Ez.js,1771704238726,1e3b4359d854f54733c7efacd8a309e4ad516d070e478c248a6122da7c85e38b assets/authService-eiU3UNHy.js,1771713645334,c55fde762ef811bb9f75abf108b4383af6151616b2902f18422bea85788b493d
assets/AdminTaxis-rehtV9Se.js,1771704238726,851706ed1dc13bcdb979ed63cbd0297980cdc25ba389ac1b87c583d8572830f8 assets/AdminTaxis-D5tKQm5A.css,1771713645333,7fcc4c4a87d40432b931283cd8a8fe4665b6677ae68104be82d2052cd71512be
assets/AdminTaxis-D5tKQm5A.css,1771704238725,7fcc4c4a87d40432b931283cd8a8fe4665b6677ae68104be82d2052cd71512be assets/AdminShuttles-yF67L9qg.css,1771713645333,defef4c13ef89ec7236617046186f29c3d4fb08f022a78d469ce849eb36f516c
assets/AdminShuttles-yF67L9qg.css,1771704238725,defef4c13ef89ec7236617046186f29c3d4fb08f022a78d469ce849eb36f516c assets/AdminTaxis-DTjg-_oc.js,1771713645334,04be29c4167cc0a6c0916dee79df682c0d10115335eb039e229ce30cad5fa14d
assets/AdminSchedules-z5saiqM3.js,1771704238726,685bb0f4447386d1ea33fe4af5b0a31b2b3f28d45642bd2be26a36e6c2ea7ee9 assets/AdminShuttles-DKPBX-nc.js,1771713645334,2b360824370005c2c23462d6756080a8411b856f0007d5325eeca3a389010437
assets/AdminShuttles-Ne-v1hp5.js,1771704238726,fd691a2b27093f66dd930c5c958366345a22812f399df8277f5d2f926911cfea assets/AdminSchedules-CEuXLC-7.js,1771713645334,4632257fd394d55dbe3fff23209da062573891bfdcc6189dddcad69c05d1c60d
assets/AdminSchedules-BOxr18pA.css,1771704238725,ab3196c8f27a0cf9b6579d3751c2e43ab4b846035060754c9a2ae9109da86ec0 assets/AdminSchedules-BOxr18pA.css,1771713645333,ab3196c8f27a0cf9b6579d3751c2e43ab4b846035060754c9a2ae9109da86ec0
assets/AdminRoutes-BZlKt4r6.js,1771704238726,e1116d311a4619c97b38bd535b687502dcb9cc3accdbf47d0c0d190bb1c46b63 assets/AdminRoutes-Cz8oNNEE.css,1771713645333,9e30d2bfdaea7996f84e95fcaebd67a79f0d5a89a0a861acae8e294b0e86a5b0
assets/AdminRoutes-Cz8oNNEE.css,1771704238725,9e30d2bfdaea7996f84e95fcaebd67a79f0d5a89a0a861acae8e294b0e86a5b0 assets/AdminRoutes-BBWNxZpe.js,1771713645334,2636897d9622e08e91659b42c29d84d09c7b5fef0a7a9b2f948fe1fb32aa5cf9
assets/AdminReports-DFDiuV9Q.js,1771704238726,2db4484b4836e5ef7f908031917f07a7959530e33334b66fca523d5fda1e5d92 assets/AdminReports-DJLLtqn6.js,1771713645334,a6c94790e6909a6c5c7def06899272e50f735f464d12b9fa0d06378c473de1b4
assets/AdminReports-B-dcDjo2.css,1771704238725,36d5447431cad2edc2a6218f65bc7d310d22ffbc151661a08ae1a52447969684 assets/AdminReports-B-dcDjo2.css,1771713645333,36d5447431cad2edc2a6218f65bc7d310d22ffbc151661a08ae1a52447969684
assets/AdminPanel-DOwcfQQZ.css,1771704238725,123dc97d83d33c8050b10aa70161d4f3a36237fc66a352ad94e4180c6cd1bb7f assets/AdminPanel-DOwcfQQZ.css,1771713645333,123dc97d83d33c8050b10aa70161d4f3a36237fc66a352ad94e4180c6cd1bb7f
assets/AdminPanel-ClmTc7g9.js,1771704238726,ddb0f0f54b6b373d655d39cdbc7ead5765725db2d7f20eb46a0b456d7ab1a371 assets/AdminPanel-D2CqY1eY.js,1771713645334,82d81438efcfbeddfb1e64c1cb70686d3fd01526c17a87c320afd1f2c1dd3519
assets/AdminDrivers-CuETipci.css,1771704238725,c1b8793aa0eb6c662e1c64899af466bfe79352e28b6fe9748627a4879089ec3b assets/AdminBusStops-BREqyMXj.css,1771713645333,9fde17317de1d24a70a3e37ea33886f77f8b87b4b1cc486070e4c98764016d8a
assets/AdminBusStops-BREqyMXj.css,1771704238725,9fde17317de1d24a70a3e37ea33886f77f8b87b4b1cc486070e4c98764016d8a assets/AdminDrivers-CuETipci.css,1771713645333,c1b8793aa0eb6c662e1c64899af466bfe79352e28b6fe9748627a4879089ec3b
assets/AdminBusStops-Dt26ydI-.js,1771704238726,388fd750604283da4bf2eda99bacf1587579f382f2aca4dfa91222ca8647920b assets/AdminDrivers-BWsRaeQ_.js,1771713645334,9f33d5d6a50c892effadb450b8b6faada80878a35adf98370984cd8c520f7d3a
assets/AdminDrivers-BX_40jSD.js,1771704238726,4e80c73fd2d0cc2b03f4fba04ac45e70b01be55dca97126d5745d4624475f0d2 assets/AdminBusStops-RVZbKN9W.js,1771713645334,46c44964daac550f73083b628706f2b15e7a9f1c0fde807708e5e34810e026f5
assets/index.es-CFMzhwbI.js,1771704238726,26f40dac18890d823c446d545d49d43ccf93f379bf7cca075fc2f137f61d5266 assets/index.es-CYc1lF43.js,1771713645334,dcad3ae32e32a961d8719994faf25528709f3f6088d5bd2cb4f271adceb2e887
assets/index-C90qvMuI.js,1771704238725,424011782dd7d0bd9641814c840a7accd2a76ace66a86315c03cb61d9e12d9cf assets/index-CLeAFAdz.js,1771713645333,173d1b3e9006409ff50739ee878bdaf575719f2199a79fe5d3490d35e23cb130
assets/StrategicAnalytics-DGvIuGp1.js,1771704238727,838a62c91a51b952584d4be72976ff8ec0f500ed73cc730ec4cc9a6f74683944 assets/StrategicAnalytics-Dx2dBzN_.js,1771713645336,8ee838da6c71304fea5cacd7f913a5e7fe038f8027873dbd931b71c1d87259b4

2
frontend/src/components/AppHeader.vue
View File

@ -373,7 +373,7 @@ const handleLogout = () => {
} }
.menu-bottom-group { .menu-bottom-group {
margin-top: auto; margin-top: 24px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }

153
frontend/src/components/common/OffersBadge.vue
View File

@ -7,20 +7,12 @@ defineProps<{
<template> <template>
<div class="offers-container" :class="{ 'is-close': isClose }"> <div class="offers-container" :class="{ 'is-close': isClose }">
<div class="loader"> <div class="loader">
<svg width="100" height="100" viewBox="0 0 100 100">
<defs>
<mask id="clipping">
<polygon points="0,0 100,0 100,100 0,100" fill="black"></polygon>
<polygon points="25,25 75,25 50,75" fill="white"></polygon>
<polygon points="50,25 75,75 25,75" fill="white"></polygon>
<polygon points="35,35 65,35 50,65" fill="white"></polygon>
<polygon points="35,35 65,35 50,65" fill="white"></polygon>
</mask>
</defs>
</svg>
<div class="box"> <div class="box">
<span class="material-icons offer-icon">{{ isClose ? 'close' : 'local_offer' }}</span> <span class="material-icons offer-icon">{{ isClose ? 'close' : 'local_offer' }}</span>
</div> </div>
<!-- Anillos de energía flotantes -->
<div class="energy-ring"></div>
<div class="energy-ring delayed"></div>
</div> </div>
</div> </div>
</template> </template>
@ -30,127 +22,68 @@ defineProps<{
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 65px; width: 60px;
height: 65px; height: 60px;
transform: scale(0.65);
} }
.loader { .loader {
/* Default: SIBU GOLD */ --color-main: #fee715;
--color-one: #fee715; --color-glow: rgba(254, 231, 21, 0.5);
--color-two: #facc15;
--color-three: rgba(254, 231, 21, 0.5);
--color-four: rgba(250, 204, 21, 0.3);
--color-five: rgba(254, 231, 21, 0.1);
--time-animation: 2s;
--size: 1;
position: relative; position: relative;
border-radius: 50%; width: 50px;
transform: scale(var(--size)); height: 50px;
box-shadow: 0 0 25px 0 var(--color-three), border-radius: 15px;
0 10px 30px 0 var(--color-four); background: #101820;
animation: colorize calc(var(--time-animation) * 3) ease-in-out infinite;
}
/* RED PHASE: CLOSE MODE */
.is-close .loader {
--color-one: #ef4444;
--color-two: #dc2626;
--color-three: rgba(239, 68, 68, 0.5);
--color-four: rgba(220, 38, 38, 0.3);
--color-five: rgba(239, 68, 68, 0.1);
}
.loader::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
border-radius: 50%;
border-top: solid 2px var(--color-one);
border-bottom: solid 2px var(--color-two);
background: radial-gradient(circle, var(--color-five), transparent);
box-shadow: inset 0 10px 20px 0 var(--color-three),
inset 0 -10px 20px 0 var(--color-four);
}
.loader .box {
width: 100px;
height: 100px;
background: var(--color-one);
mask: url(#clipping);
-webkit-mask: url(#clipping);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
position: relative; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
box-shadow: 0 0 20px var(--color-glow);
border: 2px solid var(--color-main);
overflow: visible;
}
.is-close .loader {
--color-main: #ef4444;
--color-glow: rgba(239, 68, 68, 0.5);
transform: rotate(90deg);
border-radius: 50%;
} }
.offer-icon { .offer-icon {
color: #101820; color: var(--color-main);
font-size: 32px; font-size: 28px;
font-weight: bold;
z-index: 5; z-index: 5;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)); transition: color 0.3s;
} }
.is-close .offer-icon { .is-close .offer-icon {
color: #ffffff; color: white;
} }
.loader svg { /* Anillos orbitales tecnológicos */
.energy-ring {
position: absolute; position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
border: 2px solid var(--color-main);
border-radius: inherit;
opacity: 0.3;
animation: pulse-ring 2s infinite;
} }
.loader svg #clipping { .energy-ring.delayed {
filter: contrast(15); animation-delay: 1s;
animation: roundness calc(var(--time-animation) / 2) linear infinite;
} }
.loader svg #clipping polygon { @keyframes pulse-ring {
filter: blur(7px); 0% { transform: scale(1); opacity: 0.5; }
100% { transform: scale(1.4); opacity: 0; }
} }
.loader svg #clipping polygon:nth-child(1) { .loader:hover {
transform-origin: 75% 25%; transform: scale(1.1);
transform: rotate(90deg);
}
.loader svg #clipping polygon:nth-child(2) {
transform-origin: 50% 50%;
animation: rotation var(--time-animation) linear infinite reverse;
}
.loader svg #clipping polygon:nth-child(3) {
transform-origin: 50% 60%;
animation: rotation var(--time-animation) linear infinite;
animation-delay: calc(var(--time-animation) / -3);
}
.loader svg #clipping polygon:nth-child(4) {
transform-origin: 40% 40%;
animation: rotation var(--time-animation) linear infinite reverse;
}
.loader svg #clipping polygon:nth-child(5) {
transform-origin: 60% 40%;
animation: rotation var(--time-animation) linear infinite;
}
@keyframes rotation {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes roundness {
0%, 60%, 100% { filter: contrast(12); }
20%, 40% { filter: contrast(2); }
}
@keyframes colorize {
0%, 100% { filter: saturate(1) brightness(1); }
50% { filter: saturate(1.5) brightness(1.2); }
} }
</style> </style>

25
frontend/src/views/MapView.vue
View File

@ -1447,12 +1447,12 @@ function clearNavigation() {
/* Uber-like Search Interface Styles */ /* Uber-like Search Interface Styles */
.uber-search-container { .uber-search-container {
position: absolute; position: fixed;
top: 90px; top: 90px;
left: 16px; left: 16px;
right: 16px; right: 16px;
z-index: 1100; /* Incrementado para estar por encima de los controles del mapa (1000) */ z-index: 1100;
pointer-events: none; /* Crucial: don't block discover button */ pointer-events: none;
} }
.uber-search-container > * { .uber-search-container > * {
@ -1529,8 +1529,8 @@ function clearNavigation() {
} }
.uber-search-panel { .uber-search-panel {
position: absolute; position: fixed;
top: -85px; /* Ajustado para que no se oculte tras el notch/header */ top: 10px; /* Cubre toda la parte superior cuando se expande */
left: 0; left: 0;
right: 0; right: 0;
background: var(--header-bg); background: var(--header-bg);
@ -1764,8 +1764,8 @@ function clearNavigation() {
/* Reposicion de elementos fijos */ /* Reposicion de elementos fijos */
.map-floating-controls { .map-floating-controls {
position: absolute; position: fixed;
bottom: 75px; bottom: 85px;
right: 16px; right: 16px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -1848,7 +1848,6 @@ function clearNavigation() {
.promos-toggle-btn.active { .promos-toggle-btn.active {
background: var(--text-primary); background: var(--text-primary);
color: var(--bg-primary); color: var(--bg-primary);
transform: rotate(90deg);
} }
.promos-toggle-btn .material-icons { .promos-toggle-btn .material-icons {
@ -1884,13 +1883,13 @@ function clearNavigation() {
} }
.floating-promos-container { .floating-promos-container {
position: absolute; position: fixed;
top: 55%; /* Slightly below true center to account for search bar at top */ top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 400px; width: 400px;
max-width: calc(100vw - 40px); max-width: calc(100vw - 40px);
z-index: 1300; /* Por encima del panel de búsqueda */ z-index: 1300;
} }
/* Transitions */ /* Transitions */
@ -1922,8 +1921,8 @@ function clearNavigation() {
/* Reposition floating controls for mobile thumb reach */ /* Reposition floating controls for mobile thumb reach */
.map-floating-controls { .map-floating-controls {
bottom: 70px; bottom: 120px; /* Más espacio para pulgares en móvil */
right: 20px; right: 15px;
align-items: center; align-items: center;
z-index: 1100; z-index: 1100;
} }