Skip to content
This repository has been archived by the owner on May 20, 2023. It is now read-only.

Commit

Permalink
added style for some component
Browse files Browse the repository at this point in the history
  • Loading branch information
@AnastasiaArt
AnastasiaArt committed Dec 4, 2021
1 parent 88166e0 commit 4e37a0c
Show file tree
Hide file tree
Showing 16 changed files with 616 additions and 98 deletions.
358 changes: 358 additions & 0 deletions public/css/app.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46451,6 +46451,56 @@ video {
background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
}

.ws-connection {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1rem;
text-align: center;
}

@media (min-width: 768px) {
.ws-connection {
flex-direction: row;
}
}

.ws-connection__icon {
height: 2rem;
width: 2rem;
}

.ws-connection__text {
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgba(75, 85, 99, var(--tw-text-opacity));
}

.dark .ws-connection__text {
--tw-text-opacity: 1;
color: rgba(209, 213, 219, var(--tw-text-opacity));
}

.ws-connection__text.red {
--tw-text-opacity: 1;
color: rgba(225, 29, 72, var(--tw-text-opacity));
}

.dark .ws-connection__text.red {
--tw-text-opacity: 1;
color: rgba(253, 164, 175, var(--tw-text-opacity));
}

@media (min-width: 768px) {
.ws-connection__text {
font-size: 1rem;
line-height: 1.5rem;
}
}

.main-layout {
display: flex;
height: 100vh;
Expand Down Expand Up @@ -47633,6 +47683,314 @@ video {
color: rgba(253, 164, 175, var(--tw-text-opacity));
}

.event-sentry__wrap {
margin-top: 0.75rem;
display: flex;
flex-direction: column;
font-size: 0.75rem;
line-height: 1rem;
--tw-text-opacity: 1;
color: rgba(156, 163, 175, var(--tw-text-opacity));
}

@media (min-width: 640px) {
.event-sentry__wrap {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}

.sentry-exception__link {
cursor: pointer;
padding-bottom: 0.5rem;
}

.sentry-exception__title {
margin-bottom: 0.25rem;
font-weight: 600;
}

.sentry-exception__text {
word-break: break-all;
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgba(75, 85, 99, var(--tw-text-opacity));
}

.dark .sentry-exception__text {
--tw-text-opacity: 1;
color: rgba(209, 213, 219, var(--tw-text-opacity));
}

.sentry-exception__text.red {
--tw-text-opacity: 1;
color: rgba(225, 29, 72, var(--tw-text-opacity));
}

.dark .sentry-exception__text.red {
--tw-text-opacity: 1;
color: rgba(253, 164, 175, var(--tw-text-opacity));
}

.sentry-exception__files {
flex-direction: column;
justify-content: center;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(199, 210, 254, var(--tw-border-opacity));
}

.dark .sentry-exception__files {
--tw-border-opacity: 1;
border-color: rgba(75, 85, 99, var(--tw-border-opacity));
}

.sentry-file {
cursor: pointer;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(199, 210, 254, var(--tw-border-opacity));
}

.dark .sentry-file {
--tw-border-opacity: 1;
border-color: rgba(75, 85, 99, var(--tw-border-opacity));
}

.sentry-file {
font-size: 0.75rem;
line-height: 1rem;
}

.sentry-file__body {
overflow-x: scroll;
--tw-bg-opacity: 1;
background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
padding: 0.5rem;
}

.sentry-file__title-wrap {
display: flex;
align-items: flex-start;
justify-content: space-between;
}

.sentry-file__title-wrap > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.sentry-file__title-wrap {
--tw-bg-opacity: 1;
background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
}

.dark .sentry-file__title-wrap {
--tw-bg-opacity: 1;
background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
}

.sentry-file__title-wrap {
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}

.sentry-file__title {
word-break: break-all;
font-weight: 600;
--tw-text-opacity: 1;
color: rgba(75, 85, 99, var(--tw-text-opacity));
}

.dark .sentry-file__title {
--tw-text-opacity: 1;
color: rgba(209, 213, 219, var(--tw-text-opacity));
}

.sentry-file__title.red {
--tw-text-opacity: 1;
color: rgba(225, 29, 72, var(--tw-text-opacity));
}

.dark .sentry-file__title.red {
--tw-text-opacity: 1;
color: rgba(253, 164, 175, var(--tw-text-opacity));
}

.sentry-file__title-info {
--tw-text-opacity: 1;
color: rgba(156, 163, 175, var(--tw-text-opacity));
}

.sentry-file__title-icon {
height: 1rem;
width: 1.25rem;
border-radius: 0.25rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(165, 180, 252, var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.dark .sentry-file__title-icon {
--tw-bg-opacity: 1;
background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
}

.sentry-file__title-icon {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.sentry-file__title-icon .rotate {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-rotate: 180deg;
}

.sentry-file__row {
display: flex;
}

.sentry-file__row--red {
--tw-bg-opacity: 1;
background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.sentry-file__row-number {
width: 3rem;
--tw-text-opacity: 1;
color: rgba(75, 85, 99, var(--tw-text-opacity));
}

.dark .sentry-file__row-number {
--tw-text-opacity: 1;
color: rgba(209, 213, 219, var(--tw-text-opacity));
}

.sentry-file__row-number.red {
--tw-text-opacity: 1;
color: rgba(225, 29, 72, var(--tw-text-opacity));
}

.dark .sentry-file__row-number.red {
--tw-text-opacity: 1;
color: rgba(253, 164, 175, var(--tw-text-opacity));
}

.sentry-file__row-text {
--tw-text-opacity: 1;
color: rgba(243, 244, 246, var(--tw-text-opacity));
}

.event-smtp__link {
display: block;
display: flex;
align-items: stretch;
border-bottom-width: 1px;
}

.dark .event-smtp__link {
--tw-border-opacity: 1;
border-color: rgba(75, 85, 99, var(--tw-border-opacity));
}

.event-smtp__link:hover {
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.dark .event-smtp__link:hover {
--tw-bg-opacity: 1;
background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
}

.event-smtp__link {
font-size: 0.875rem;
line-height: 1.25rem;
}

.event-smtp__link.active {
--tw-bg-opacity: 1;
background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
}

.dark .event-smtp__link.active {
--tw-bg-opacity: 1;
background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
}

.event-smtp__nav-item {
border-width: 1px;
}

.event-smtp__left {
width: 0.25rem;
flex: none;
align-self: stretch;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}

.event-smtp__left.active {
--tw-bg-opacity: 1;
background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
}

.dark .event-smtp__left.active {
--tw-bg-opacity: 1;
background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
}

.event-smtp__link-body {
flex-grow: 1;
padding: 0.75rem;
}

.event-smtp__link-title {
font-weight: 600;
}

.event-smtp__link-text {
display: flex;
justify-content: space-between;
font-size: 0.75rem;
line-height: 1rem;
--tw-text-opacity: 1;
color: rgba(75, 85, 99, var(--tw-text-opacity));
}

.dark .event-smtp__link-text {
--tw-text-opacity: 1;
color: rgba(209, 213, 219, var(--tw-text-opacity));
}

.event-smtp__link-text.red {
--tw-text-opacity: 1;
color: rgba(225, 29, 72, var(--tw-text-opacity));
}

.dark .event-smtp__link-text.red {
--tw-text-opacity: 1;
color: rgba(253, 164, 175, var(--tw-text-opacity));
}

.device-desktop {
height: 100%;
width: 100%;
Expand Down
Loading

0 comments on commit 4e37a0c

Please sign in to comment.