feat(HttpInvoker): fixing styles

razshare · Jun 16, 2024 · f3fb0ac · f3fb0ac
1 parent 2491d9f
commit f3fb0ac
Showing 1 changed file with 95 additions and 93 deletions.
diff --git a/src/lib/Web/Implementations/HttpInvoker/error.css b/src/lib/Web/Implementations/HttpInvoker/error.css
@@ -1,97 +1,99 @@
 body {
- background: #000;
- justify-items: center;
- align-items: center;
- width: 100%;
- height: 100%;
- position: fixed;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- }
-
- .error-screen {
- position: absolute;
- left: 1rem;
- right: 1rem;
- top: 1rem;
- bottom: 1rem;
- overflow: hidden;
- display: grid;
- gap: 2rem;
- justify-items: center;
- align-items: start;
- grid-template-rows: auto 1fr;
- }
+ background: #000;
+ color: #fff;
+ justify-items: center;
+ align-items: center;
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+}
+
+.error-screen {
+ position: absolute;
+ left: 1rem;
+ right: 1rem;
+ top: 1rem;
+ bottom: 1rem;
+ overflow: hidden;
+ display: grid;
+ gap: 2rem;
+ justify-items: center;
+ align-items: start;
+ grid-template-rows: auto 1fr;
+}
+
+.error-header {
+ margin-top: 1rem;
+ position: relative;
+ overflow-y: auto;
+ overflow-x: hidden;
+ max-width: 100%;
+ max-height: 100%;
+ width: 900px;
+ border-radius: 0.3rem;
+ text-align: center;
+ padding: 1rem;
+}
+
+.error-body {
+ position: relative;
+ overflow-y: auto;
+ overflow-x: hidden;
+ max-width: 100%;
+ max-height: 100%;
+ width: 900px;
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ border-radius: 0.3rem;
+ padding: 1rem;
+ margin-bottom: 1rem;
+}
+
+.error-message {
+ margin-bottom: 2rem;
+}
+
+.error-jump-main {
+ position: relative;
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ padding: 1rem;
+ border-radius: 0.3rem;
+}
+
+.error-trace-entry {
+ position: relative;
+ overflow-y: auto;
+ overflow-x: hidden;
+ margin-bottom: 1rem;
+ display: grid;
+ grid-template-columns: 50px 1fr;
+ gap: 1rem;
+ max-width: 100%;
+ width: 100%;
+}
+
+.error-trace-line {
+ position: relative;
+ align-self: center;
+ padding: 0.3rem;
+}
+
+.error-trace-file {
+ overflow-y: auto;
+ overflow-x: hidden;
+ word-break: keep-all;
+ position: relative;
+ background: rgba(255, 255, 255, 0.1);
+ padding: 1rem;
+ border-radius: 0.3rem;
+}
+
+@media screen and (max-width: 900px) {
+ .error-body,
  .error-header {
- margin-top: 1rem;
- position: relative;
- overflow-y: auto;
- overflow-x: hidden;
- max-width: 100%;
- max-height: 100%;
- width: 900px;
- border-radius: 0.3rem;
- text-align: center;
- padding: 1rem;
- }
- .error-body {
- position: relative;
- overflow-y: auto;
- overflow-x: hidden;
- max-width: 100%;
- max-height: 100%;
- width: 900px;
- border: 1px solid rgba(255, 255, 255, 0.1);
- border-radius: 0.3rem;
- padding: 1rem;
- margin-bottom: 1rem;
- }
-
- .error-message {
- margin-bottom: 2rem;
- }
-
- .error-jump-main {
- position: relative;
- border: 1px solid rgba(255, 255, 255, 0.1);
- padding: 1rem;
- border-radius: 0.3rem;
- }
-
- .error-trace-entry {
- position: relative;
- overflow-y: auto;
- overflow-x: hidden;
- margin-bottom: 1rem;
- display: grid;
- grid-template-columns: 50px 1fr;
- gap: 1rem;
- max-width: 100%;
  width: 100%;
  }
-
- .error-trace-line {
- position: relative;
- align-self: center;
- padding: 0.3rem;
- }
-
- .error-trace-file {
- overflow-y: auto;
- overflow-x: hidden;
- word-break: keep-all;
- position: relative;
- background: rgba(255, 255, 255, 0.1);
- padding: 1rem;
- border-radius: 0.3rem;
- }
-
- @media screen and (max-width: 900px) {
- .error-body,
- .error-header {
- width: 100%;
- }
- }
-
+}