mirror of
https://github.com/Einundzwanzig-Podcast/einundzwanzig-portal.git
synced 2025-12-11 06:46:47 +00:00
fix comment box
This commit is contained in:
@@ -35,7 +35,6 @@
|
||||
<script src="{{ asset('dist/leaflet-heatmap.js') }}"></script>
|
||||
<script src="{{ asset('dist/leaflet-providers.js') }}"></script>
|
||||
<wireui:scripts />
|
||||
<x-comments::scripts/>
|
||||
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||||
<!-- Styles -->
|
||||
<link rel="stylesheet" href="{{ asset('vendor/jvector/jquery-jvectormap-2.0.5.css') }}" type="text/css"
|
||||
@@ -44,49 +43,7 @@
|
||||
<x-comments::styles/>
|
||||
<x-embed-styles />
|
||||
@livewireStyles
|
||||
<style>
|
||||
.comments {
|
||||
--comments-color-background: rgb(34, 34, 34);
|
||||
--comments-color-background: rgb(34, 34, 34);
|
||||
--comments-color-background-nested: rgb(34, 34, 34);
|
||||
--comments-color-background-paper: rgb(55, 51, 51);
|
||||
--comments-color-background-info: rgb(104, 89, 214);
|
||||
|
||||
--comments-color-reaction: rgb(59, 59, 59);
|
||||
--comments-color-reaction-hover: rgb(65, 63, 63);
|
||||
--comments-color-reacted: rgba(67, 56, 202, 0.25);
|
||||
--comments-color-reacted-hover: rgba(67, 56, 202, 0.5);
|
||||
|
||||
--comments-color-border: rgb(221, 221, 221);
|
||||
|
||||
--comments-color-text: white;
|
||||
--comments-color-text-dimmed: rgb(164, 164, 164);
|
||||
--comments-color-text-inverse: white;
|
||||
|
||||
--comments-color-accent: rgba(67, 56, 202);
|
||||
--comments-color-accent-hover: rgba(67, 56, 202, 0.75);
|
||||
|
||||
--comments-color-danger: rgb(225, 29, 72);
|
||||
--comments-color-danger-hover: rgb(225, 29, 72, 0.75);
|
||||
|
||||
--comments-color-success: rgb(10, 200, 134);
|
||||
--comments-color-success-hover: rgb(10, 200, 134, 0.75);
|
||||
|
||||
--comments-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
}
|
||||
|
||||
.comments-button {
|
||||
background-color: #F7931A !important;
|
||||
}
|
||||
|
||||
.leaflet-pane {
|
||||
z-index: 0 !important;
|
||||
}
|
||||
|
||||
[x-cloak] {
|
||||
display: none !important;
|
||||
}
|
||||
</style>
|
||||
@include('layouts.styles')
|
||||
</head>
|
||||
<body class="font-sans antialiased bg-21gray dark">
|
||||
<x-notifications z-index="z-[99999]" blur="md" align="center"/>
|
||||
@@ -107,6 +64,6 @@
|
||||
@livewireScripts
|
||||
<!-- ProductLift SDK - Include it only once -->
|
||||
<script defer src="https://bitcoin.productlift.dev/widgets_sdk"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
|
||||
<x-comments::scripts/>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -36,55 +36,12 @@
|
||||
<script src="{{ asset('dist/leaflet-heatmap.js') }}"></script>
|
||||
<script src="{{ asset('dist/leaflet-providers.js') }}"></script>
|
||||
<wireui:scripts/>
|
||||
<x-comments::scripts/>
|
||||
<x-embed-styles />
|
||||
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||||
<!-- Styles -->
|
||||
<x-comments::styles/>
|
||||
@livewireStyles
|
||||
<style>
|
||||
.comments {
|
||||
--comments-color-background: rgb(34, 34, 34);
|
||||
--comments-color-background: rgb(34, 34, 34);
|
||||
--comments-color-background-nested: rgb(34, 34, 34);
|
||||
--comments-color-background-paper: rgb(55, 51, 51);
|
||||
--comments-color-background-info: rgb(104, 89, 214);
|
||||
|
||||
--comments-color-reaction: rgb(59, 59, 59);
|
||||
--comments-color-reaction-hover: rgb(65, 63, 63);
|
||||
--comments-color-reacted: rgba(67, 56, 202, 0.25);
|
||||
--comments-color-reacted-hover: rgba(67, 56, 202, 0.5);
|
||||
|
||||
--comments-color-border: rgb(221, 221, 221);
|
||||
|
||||
--comments-color-text: white;
|
||||
--comments-color-text-dimmed: rgb(164, 164, 164);
|
||||
--comments-color-text-inverse: white;
|
||||
|
||||
--comments-color-accent: rgba(67, 56, 202);
|
||||
--comments-color-accent-hover: rgba(67, 56, 202, 0.75);
|
||||
|
||||
--comments-color-danger: rgb(225, 29, 72);
|
||||
--comments-color-danger-hover: rgb(225, 29, 72, 0.75);
|
||||
|
||||
--comments-color-success: rgb(10, 200, 134);
|
||||
--comments-color-success-hover: rgb(10, 200, 134, 0.75);
|
||||
|
||||
--comments-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
}
|
||||
|
||||
.comments-button {
|
||||
background-color: #F7931A !important;
|
||||
}
|
||||
|
||||
.leaflet-pane {
|
||||
z-index: 0 !important;
|
||||
}
|
||||
|
||||
[x-cloak] {
|
||||
display: none !important;
|
||||
}
|
||||
</style>
|
||||
@include('layouts.styles')
|
||||
</head>
|
||||
<body class="font-sans antialiased bg-21gray dark">
|
||||
<x-notifications z-index="z-[99999]" blur="md" align="center"/>
|
||||
@@ -105,6 +62,6 @@
|
||||
@livewireScripts
|
||||
<!-- ProductLift SDK - Include it only once -->
|
||||
<script defer src="https://bitcoin.productlift.dev/widgets_sdk"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
|
||||
<x-comments::scripts/>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
43
resources/views/layouts/styles.blade.php
Normal file
43
resources/views/layouts/styles.blade.php
Normal file
@@ -0,0 +1,43 @@
|
||||
<style>
|
||||
.comments {
|
||||
--comments-color-background: rgb(34, 34, 34);
|
||||
--comments-color-background: rgb(34, 34, 34);
|
||||
--comments-color-background-nested: rgb(34, 34, 34);
|
||||
--comments-color-background-paper: rgb(55, 51, 51);
|
||||
--comments-color-background-info: rgb(104, 89, 214);
|
||||
|
||||
--comments-color-reaction: rgb(59, 59, 59);
|
||||
--comments-color-reaction-hover: rgb(65, 63, 63);
|
||||
--comments-color-reacted: rgba(67, 56, 202, 0.25);
|
||||
--comments-color-reacted-hover: rgba(67, 56, 202, 0.5);
|
||||
|
||||
--comments-color-border: rgb(221, 221, 221);
|
||||
|
||||
--comments-color-text: white;
|
||||
--comments-color-text-dimmed: rgb(164, 164, 164);
|
||||
--comments-color-text-inverse: white;
|
||||
|
||||
--comments-color-accent: rgba(67, 56, 202);
|
||||
--comments-color-accent-hover: rgba(67, 56, 202, 0.75);
|
||||
|
||||
--comments-color-danger: rgb(225, 29, 72);
|
||||
--comments-color-danger-hover: rgb(225, 29, 72, 0.75);
|
||||
|
||||
--comments-color-success: rgb(10, 200, 134);
|
||||
--comments-color-success-hover: rgb(10, 200, 134, 0.75);
|
||||
|
||||
--comments-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
}
|
||||
|
||||
.comments-button {
|
||||
background-color: #F7931A !important;
|
||||
}
|
||||
|
||||
.leaflet-pane {
|
||||
z-index: 0 !important;
|
||||
}
|
||||
|
||||
[x-cloak] {
|
||||
display: none !important;
|
||||
}
|
||||
</style>
|
||||
@@ -143,4 +143,5 @@
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
|
||||
</div>
|
||||
|
||||
@@ -95,4 +95,6 @@
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
|
||||
</div>
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<div>
|
||||
{{-- HEADER --}}
|
||||
<livewire:frontend.header :country="null"/>
|
||||
|
||||
<div class="container p-4 mx-auto bg-21gray my-2">
|
||||
|
||||
<div class="pb-5 flex flex-row justify-between">
|
||||
@@ -179,4 +180,6 @@
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
|
||||
</div>
|
||||
|
||||
@@ -138,4 +138,6 @@
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user