This commit is contained in:
@ -33,46 +33,48 @@ onMount(async () => {
|
|||||||
|
|
||||||
<style>
|
<style>
|
||||||
.container {
|
.container {
|
||||||
background-color: #000000;
|
font-size: 2em;
|
||||||
|
background-color: rgb(0, 0, 0);
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#main {
|
#main {
|
||||||
background-color: #000000;
|
background-color: rgb(90, 90, 90);
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
padding: 5px;
|
padding: 4px 0.25em 0.25em 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notice-container {
|
.notice-container {
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
border: 1px solid #ddd;
|
border: 0.05em solid rgb(120, 120, 120);
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-radius: 8px;
|
border-radius: 0.5em;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
|
box-shadow: 0.1em 0.1em 0.2em rgba(90,90,90, 0.75);
|
||||||
}
|
}
|
||||||
|
|
||||||
.notice-title {
|
.notice-title {
|
||||||
font-size: 16px;
|
font-size: 1em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
padding: 10px;
|
padding: 0.6em;
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #ff3939;
|
background-color: #ff3939;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notice-content {
|
.notice-content {
|
||||||
font-size: 16px;
|
font-size: 1em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
padding: 10px;
|
padding: 0.6em;
|
||||||
color: #333;
|
color: #333;
|
||||||
max-width: 164px;
|
max-width: 12em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mask-mode {
|
.mask-mode {
|
||||||
background-color: black!important;
|
background-color: black!important;
|
||||||
.notice-container {
|
.notice-container {
|
||||||
box-shadow: 0 2px 4px rgba(255, 255, 255, 0.5);
|
border: 0.05em solid rgb(255, 255, 255);
|
||||||
|
box-shadow: 0.1em 0.1em 0.2em rgba(255, 255, 255, 0.5);
|
||||||
}
|
}
|
||||||
.notice-title {
|
.notice-title {
|
||||||
background-color: #ffffff!important;
|
background-color: #ffffff!important;
|
||||||
|
|||||||
Reference in New Issue
Block a user