iridium/neko
2
2
Fork 0
mirror of https://github.com/m1k1o/neko.git synced 2024-07-24 14:40:50 +12:00
Code Issues Packages Projects Releases Wiki Activity

prefix classes with neko-.

Browse Source
This commit is contained in:
Miroslav Šedivý 2021-02-10 20:57:13 +01:00
parent becc18a928
commit 723ec821f3
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/component/main.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div ref="component" class="component"> <div ref="component" class="neko-component">
<div ref="container" class="player-container"> <div ref="container" class="neko-container">
<video ref="video" :autoplay="autoplay" :muted="autoplay" /> <video ref="video" :autoplay="autoplay" :muted="autoplay" />
<neko-overlay <neko-overlay
:webrtc="webrtc" :webrtc="webrtc"
@ -18,12 +18,12 @@
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.component { .neko-component {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.player-container { .neko-container {
position: relative; position: relative;
video { video {

8
src/component/overlay.vue
View File

@ -1,8 +1,8 @@
<template> <template>
<div <div
ref="overlay" ref="overlay"
class="overlay" class="neko-overlay"
:class="isControling ? 'active' : ''" :class="isControling ? 'neko-active' : ''"
tabindex="0" tabindex="0"
:style="{ cursor }" :style="{ cursor }"
@click.stop.prevent @click.stop.prevent
@ -21,7 +21,7 @@
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.overlay { .neko-overlay {
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
@ -29,7 +29,7 @@
height: 100%; height: 100%;
outline: 0; outline: 0;
&.active { &.neko-active {
outline: 2px solid red; outline: 2px solid red;
box-sizing: border-box; box-sizing: border-box;
} }