<template>
    <v-overlay v-if="open" :z-index="10">
        <v-card max-width="1500" min-width="1500" color="blue-grey lighten-5" light  >
            <v-toolbar
                color="indigo  "
                class="elevation-0"
            >
                <v-toolbar-title class="white--text">블루투스 연결 (네트워크 연결)</v-toolbar-title>
            </v-toolbar>
        <v-row class='px-4'>
        <v-col cols="6">
            <v-subheader>안드로이드</v-subheader>
            <v-card>
                <v-row no-gutters>
                    <v-col cols="6">
                        <v-img
                            src="@/../public/image/android.jpg"
                            height="525"
                            contain
                        ></v-img>
                    </v-col>
                    <v-col cols="6" class="d-flex justify-center align-center flex-column ">
                        <p class="text-h5">안드로이드 연결</p>

                        <p>1. 블루투스를 컨다</p>

                        <p>2. 블루투스 목록중 <strong>'falinux'</strong> 찾는다</p>

                        <p>3. <strong>'falinux'</strong> 선택</p>

                        <p>4. 모바일에서 핫스팟을 컨다</p>


                    </v-col>
                </v-row>
            </v-card>
        </v-col>
        <v-col cols="6">
            <v-subheader>아이폰</v-subheader>
            <v-card color="">
                <v-row no-gutters>
                    <v-col cols="6">
                        <v-img
                            src="@/../public/image/ipone.jpg"
                            height="525"
                            contain
                        ></v-img>
                    </v-col>
                    <v-col cols="6" class="d-flex justify-center align-center flex-column ">
                        <p class="text-h5">아이폰 연결</p>

                        <p>1. 블루투스를 컨다</p>

                        <p>2. 블루투스 목록중 <strong>'falinux'</strong> 찾는다</p>

                        <p>3. <strong>'falinux'</strong> 선택</p>

                        <p>4. 모바일에서 핫스팟을 컨다</p>
                    </v-col>
                </v-row>
            </v-card>
        </v-col>
      </v-row>
        </v-card>
    </v-overlay>    
</template>

<script>
export default {
    props:{
        open:Boolean,
    },
}
</script>

<style lang="scss">
</style>









