<script setup lang="ts">
import LanguageSelector from './LanguageSelector.vue';
import ThemeSelector from './ThemeSelector.vue';
</script>

<template>
    <div class="site-options">
        <LanguageSelector></LanguageSelector>
        <ThemeSelector></ThemeSelector>
    </div>
</template>

<style lang="scss" scoped>
.site-options {
    display: flex;
    justify-content: right;
    width: auto;

    @media screen and (max-width: 900px) {
        gap: 8px;
    }

    @media screen and (max-width: 600px) {
        margin-top: -10px;
        gap: 4px;
    }
}
</style>