This commit is contained in:
@@ -61,6 +61,10 @@ const localeIcon = (code) => {
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.menu-container {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
.menu-button {
|
.menu-button {
|
||||||
background: var(--color-background-fore);
|
background: var(--color-background-fore);
|
||||||
color: var(--color-text);
|
color: var(--color-text);
|
||||||
@@ -88,8 +92,7 @@ border: 1px solid var(--color-border-color);
|
|||||||
z-index: 10;
|
z-index: 10;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50px;
|
top: 50px;
|
||||||
right: 0;
|
left: 0;
|
||||||
margin-right: 10px;
|
|
||||||
max-width: calc(100vw - 32px);
|
max-width: calc(100vw - 32px);
|
||||||
width: auto;
|
width: auto;
|
||||||
min-width: 140px;
|
min-width: 140px;
|
||||||
@@ -98,18 +101,8 @@ border: 1px solid var(--color-border-color);
|
|||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
padding: 8px 0;
|
padding: 8px 0;
|
||||||
box-shadow: 4px -4px 0px 0px rgba(0,0,0,0.3);
|
box-shadow: 4px -4px 0px 0px rgba(0,0,0,0.3);
|
||||||
border-left: 2px solid var(--color-border-color);
|
border-left: 2px solid var(--color-border-color);
|
||||||
|
|
||||||
&::before {
|
|
||||||
content: "▸";
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
left: -16px;
|
|
||||||
top: -2px;
|
|
||||||
font-size: 14px;
|
|
||||||
color: var(--color-border-color);
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
/* Items */
|
/* Items */
|
||||||
.locale-icon {
|
.locale-icon {
|
||||||
|
|||||||
@@ -108,29 +108,9 @@ onUnmounted(() => {
|
|||||||
|
|
||||||
&.dark {
|
&.dark {
|
||||||
background-color: rgb(28, 28, 28);
|
background-color: rgb(28, 28, 28);
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
content: "◆";
|
|
||||||
color: white;
|
|
||||||
font-size: 6px;
|
|
||||||
position: absolute;
|
|
||||||
top: -1px;
|
|
||||||
left: 1px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
&.light {
|
&.light {
|
||||||
background-color: rgb(232, 232, 232);
|
background-color: rgb(232, 232, 232);
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
content: "◆";
|
|
||||||
color: #666;
|
|
||||||
font-size: 6px;
|
|
||||||
position: absolute;
|
|
||||||
top: -1px;
|
|
||||||
left: 1px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
&.katlum {
|
&.katlum {
|
||||||
background-color: #4f8fba;
|
background-color: #4f8fba;
|
||||||
|
|||||||
Reference in New Issue
Block a user