2 lines
2.3 KiB
CSS
2 lines
2.3 KiB
CSS
.picker-display[data-v-4ff0715a]{display:flex;align-items:center;padding:.625rem 1rem;border-radius:.375rem;background:#fff;cursor:pointer}.flag[data-v-4ff0715a]{width:1.125rem;margin-right:.375rem}.code[data-v-4ff0715a]{font-size:.875rem}.arrow[data-v-4ff0715a]{margin-left:auto;color:#bbb;font-size:.9375rem}.popup-mask[data-v-4ff0715a]{position:fixed;z-index:9999;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center}.popup-panel[data-v-4ff0715a]{background:#fff;box-shadow:0 -.25rem 1rem rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;transform:translateY(100%);opacity:1}.popup-panel--bottom[data-v-4ff0715a]{position:relative}.popup-panel--bottom.popup-panel--show[data-v-4ff0715a]{transform:translateY(0)}.popup-panel--top[data-v-4ff0715a]{position:absolute;top:0;left:0;transform:translateY(-100%)}.popup-panel--top.popup-panel--show[data-v-4ff0715a]{transform:translateY(0)}.popup-panel--left[data-v-4ff0715a]{position:absolute;left:0;top:0;height:100vh;width:80vw;transform:translate(-100%)}.popup-panel--left.popup-panel--show[data-v-4ff0715a]{transform:translate(0)}.popup-panel--right[data-v-4ff0715a]{position:absolute;right:0;top:0;height:100vh;width:80vw;transform:translate(100%)}.popup-panel--right.popup-panel--show[data-v-4ff0715a]{transform:translate(0)}.popup-header[data-v-4ff0715a]{height:3.125rem;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:.03125rem solid #eee;font-size:.875rem}.title[data-v-4ff0715a]{font-size:.875rem}.cancel[data-v-4ff0715a]{color:#222;font-size:.875rem}.popup-search[data-v-4ff0715a]{padding:.625rem 1rem;background:#fafafa}.search-input[data-v-4ff0715a]{height:2.125rem;padding:0 .625rem;border-radius:.375rem;font-size:.875rem;background:#eeeeee;border:none;outline:none}.popup-list[data-v-4ff0715a]{flex:1;min-height:0;background:#fff}.popup-item[data-v-4ff0715a]{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:.03125rem solid #f4f4f4;font-size:.9375rem;cursor:pointer}.safe-area-bottom-height[data-v-4ff0715a]{height:env(safe-area-inset-bottom)}.popup-item .flag[data-v-4ff0715a]{width:1.5rem;margin-right:.5625rem}.popup-item .name[data-v-4ff0715a]{flex:1;font-size:.875rem;color:#222}.popup-item .code[data-v-4ff0715a]{color:#222;font-size:.875rem}
|