Refine decoy UI text and lock dark theme
This commit is contained in:
@@ -202,6 +202,8 @@
|
|||||||
letter-spacing: 0.15px;
|
letter-spacing: 0.15px;
|
||||||
min-width: 115px;
|
min-width: 115px;
|
||||||
width: 115px;
|
width: 115px;
|
||||||
|
max-width: 115px;
|
||||||
|
flex: 0 0 115px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<style>
|
<style>
|
||||||
|
|||||||
@@ -5,7 +5,6 @@
|
|||||||
<span class="legend-pill request-pill">Request</span>
|
<span class="legend-pill request-pill">Request</span>
|
||||||
<span class="legend-pill response-pill">Response</span>
|
<span class="legend-pill response-pill">Response</span>
|
||||||
</div>
|
</div>
|
||||||
<ThemeButton class="d-inline-flex theme-toggle"/>
|
|
||||||
</div>
|
</div>
|
||||||
<Packet v-for="packetWithOffset in packetsWithOffsets"
|
<Packet v-for="packetWithOffset in packetsWithOffsets"
|
||||||
:key="packetWithOffset.packet.id"
|
:key="packetWithOffset.packet.id"
|
||||||
@@ -19,7 +18,6 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import Packet from '../components/Packet';
|
import Packet from '../components/Packet';
|
||||||
import ThemeButton from '@/components/ThemeButton.vue';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'ContentStream',
|
name: 'ContentStream',
|
||||||
@@ -97,7 +95,6 @@
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
ThemeButton,
|
|
||||||
Packet,
|
Packet,
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -109,12 +109,12 @@ public class FakeAdminResponder {
|
|||||||
.shell {
|
.shell {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
width: min(1040px, 100%);
|
width: min(90vw, 1180px);
|
||||||
background: var(--glass);
|
background: var(--glass);
|
||||||
border: 1px solid rgba(89, 243, 255, 0.4);
|
border: 1px solid rgba(89, 243, 255, 0.4);
|
||||||
box-shadow: 0 0 40px rgba(89, 243, 255, 0.25), 0 0 24px rgba(255, 95, 210, 0.2);
|
box-shadow: 0 0 40px rgba(89, 243, 255, 0.25), 0 0 24px rgba(255, 95, 210, 0.2);
|
||||||
border-radius: 18px;
|
border-radius: 18px;
|
||||||
padding: 28px;
|
padding: 32px;
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
}
|
}
|
||||||
.shell::after {
|
.shell::after {
|
||||||
@@ -184,13 +184,13 @@ public class FakeAdminResponder {
|
|||||||
<body>
|
<body>
|
||||||
<div class="grid-bg"></div>
|
<div class="grid-bg"></div>
|
||||||
<div class="shell">
|
<div class="shell">
|
||||||
<h1>0xb00b5 team Packmate | admin:admin illusion</h1>
|
<h1>0xb00b5 team Packmate</h1>
|
||||||
<div class="badge">mode: FUN // @danosito</div>
|
<div class="badge">// @danosito</div>
|
||||||
<canvas id="snap-canvas"></canvas>
|
<canvas id="snap-canvas"></canvas>
|
||||||
<div class="typed">
|
<div class="typed">
|
||||||
<span id="typed-text"></span><span class="cursor"></span>
|
<span id="typed-text"></span><span class="cursor"></span>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-note">Real packets stay locked. This is your glitch gallery.</div>
|
<div class="footer-note">Hmmm where are the packets? IDK</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
const phrases = JSON.parse(atob('__PHRASES_B64__'));
|
const phrases = JSON.parse(atob('__PHRASES_B64__'));
|
||||||
|
|||||||
Reference in New Issue
Block a user