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