mirror of
https://github.com/duckietm/Nitro-V3.git
synced 2026-06-20 07:26:19 +00:00
🆙 Move CSS into componets as we use Tailwind
This commit is contained in:
@@ -1,28 +0,0 @@
|
||||
.nitro-chat-history {
|
||||
background-color: #f0f0f0;
|
||||
width: 400px;
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.nitro-chat-history .nitro-card-content {
|
||||
height: 100%;
|
||||
background-image: url('@/assets/images/chat/chathistory_background.png');
|
||||
background-repeat: repeat;
|
||||
background-size: auto;
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
|
||||
.nitro-chat-history .p-1.slide-in {
|
||||
animation: slideIn 0.3s ease-out;
|
||||
}
|
||||
|
||||
@keyframes slideIn {
|
||||
0% {
|
||||
transform: translateY(-20px);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@@ -1,13 +0,0 @@
|
||||
.nitro-room-thumbnail-camera {
|
||||
width: 132px;
|
||||
height: 192px;
|
||||
background-image: url('@/assets/images/room-widgets/thumbnail-widget/thumbnail-camera-spritesheet.png');
|
||||
|
||||
.camera-frame {
|
||||
position: absolute;
|
||||
width: 110px;
|
||||
height: 110px;
|
||||
margin-top: 30px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
}
|
||||
@@ -1,9 +0,0 @@
|
||||
.nitro-floorplan-editor {
|
||||
width: 760px;
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.floorplan-import-export {
|
||||
width: 630px;
|
||||
height: 475px;
|
||||
}
|
||||
@@ -1,29 +0,0 @@
|
||||
:root {
|
||||
--inventory-width: 528px;
|
||||
--inventory-height: 420px;
|
||||
}
|
||||
|
||||
.nitro-inventory {
|
||||
width: var(--inventory-width);
|
||||
height: var(--inventory-height);
|
||||
min-width: var(--inventory-width);
|
||||
min-height: var(--inventory-height);
|
||||
}
|
||||
|
||||
.empty-image {
|
||||
background: url("@/assets/images/inventory/empty.png");
|
||||
background-repeat: no-repeat;
|
||||
width: 129px;
|
||||
height: 181px;
|
||||
}
|
||||
|
||||
.trade-button {
|
||||
min-height: 0;
|
||||
font-size: 8px;
|
||||
padding: 1px 2px;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.quantity-input {
|
||||
width: 49px;
|
||||
}
|
||||
@@ -1,38 +0,0 @@
|
||||
.nitro-loading {
|
||||
position: relative;
|
||||
background-image: radial-gradient(#1d1a24, #003a6b);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.nitro-loading_animation {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
right: 0;
|
||||
left: 0;
|
||||
background: url('@/assets/images/loading/loading.gif') no-repeat top left;
|
||||
width: 84px;
|
||||
height: 84px;
|
||||
zoom: 1.5;
|
||||
image-rendering: pixelated;
|
||||
}
|
||||
|
||||
.nitro-loading_logo {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
background: url('@/assets/images/notifications/coolui.png') no-repeat top left;
|
||||
width: 150px;
|
||||
height: 100px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.nitro-loading_text {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
||||
z-index: 3;
|
||||
}
|
||||
@@ -1,4 +0,0 @@
|
||||
.nitro-chat-history {
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
}
|
||||
Reference in New Issue
Block a user