@opentiny/vue-theme/floatbar/index.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.tiny-float-bar{--tv-Floatbar-border-radius:var(--tv-border-radius-lg, 8px);--tv-Floatbar-font-size:var(--tv-font-size-default, 14px);--tv-Floatbar-bg-color:var(--tv-color-bg-2, #ffffff);--tv-Floatbar-list-bg-color-hover:var(--tv-color-bg-hover, #f5f5f5);--tv-Floatbar-list-margin-x:var(--tv-space-md, 8px);--tv-Floatbar-list-text-color:var(--tv-color-text, #191919);--tv-Floatbar-list-text-color-hover:var(--tv-color-text-hover, #191919);position:fixed;top:50%;right:10px;z-index:99999;-webkit-box-shadow:0 4px 16px 0 rgba(0,0,0,.08);box-shadow:0 4px 16px 0 rgba(0,0,0,.08);border-radius:var(--tv-Floatbar-border-radius);overflow:hidden;background:var(--tv-Floatbar-bg-color)}.tiny-float-bar ul li{display:block;color:var(--tv-Floatbar-list-text-color);font-size:var(--tv-Floatbar-font-size);min-width:104px;min-height:32px;line-height:32px;text-align:center;margin:var(--tv-Floatbar-list-margin-x) 0;padding:0 24px}.tiny-float-bar ul li:hover{background:var(--tv-Floatbar-list-bg-color-hover)}.tiny-float-bar ul li a{width:100%;height:100%;color:var(--tv-Floatbar-list-text-color);cursor:pointer;outline:0}.tiny-float-bar ul li a:focus,.tiny-float-bar ul li a:hover{color:var(--tv-Floatbar-list-text-color-hover);text-decoration:none}