rozenrod/Sheep-Service
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v1.0.0

Browse Source
This commit is contained in:
Rozenrod
2025-09-09 00:10:53 +03:00
parent 38f2a05107
commit 204fc092d7
239 changed files with 22447 additions and 9536 deletions
Download Patch File Download Diff File Expand all files Collapse all files

252
web/lib/pages/sheeps/style.css
View File

@@ -11,7 +11,7 @@
#block-sheep-info {
width: 100%;
margin: 0 10px 15px;
border-radius: 15px;
border-radius: var(--border-radius);
display: flex;
flex-direction: column;
overflow: hidden;
@@ -39,45 +39,102 @@
align-items: center;
justify-content: space-between;
background: var(--PrimaryColor);
margin: 10px;
border-radius: 10px;
margin: 10px 10px 0px 10px;
border-radius: calc(var(--border-radius) - 5px);
position: relative;
z-index: 10;
}
#block-sheeps-list>.header>h1 {
font-size: 16px;
font-size: var(--FontSize5);
font-weight: 400;
color: var(--PrimaryColorText);
margin-left: 10px;
}
#block-sheeps-list>.header>button {
#block-sheeps-list>.header>div {
display: flex;
}
#block-sheeps-list>.header>div>button {
display: flex;
position: relative;
width: 30px;
height: 30px;
background: var(--ColorThemes0);
margin-right: 5px;
border-radius: 8px;
border-radius: calc(var(--border-radius) - 5px - 3px);
align-items: center;
justify-content: center;
font-size: 30px;
cursor: pointer;
}
#block-sheeps-list>.header>button>svg {
#block-sheeps-list>.header>div>button>svg {
width: 25px;
height: 25px;
fill: var(--ColorThemes3);
}
#block-sheeps-list>.header>div>#block-sheeps-button-add>svg {
width: 20px;
height: 20px;
fill: var(--ColorThemes3);
transform: rotate(45deg);
}
#block-sheeps-list>.search {
width: calc(100% - 30px);
background-color: var(--PrimaryColor);
border-radius: 0px 0px 10px 10px;
margin: -12px 10px 20px 10px;
display: flex;
flex-direction: row;
align-items: center;
padding: 0 5px;
cursor: pointer;
position: relative;
z-index: 5;
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.3s ease, opacity 0.3s ease, margin 0.3s ease, padding 0.3s ease;
}
#block-sheeps-list>.search[data-state="open"] {
max-height: 60px;
padding: 22px 5px 5px 5px;
opacity: 1;
}
#block-sheeps-list>.search>input {
width: calc(100% - 10px);
padding: 0 5px;
border-radius: calc(var(--border-radius) - 5px - 4px);
height: 30px;
background: var(--ColorThemes3);
color: var(--ColorThemes0);
font-size: var(--FontSize2);
}
#block-sheeps-list>.search>input::placeholder {
color: var(--ColorThemes0);
opacity: 0.5;
}
#block-sheeps-list>.search>input::-webkit-input-placeholder {
color: var(--ColorThemes0);
opacity: 0.5;
}
#block-sheeps-list>.card-profile {
width: calc(100% - 30px);
min-height: 100px;
background-color: var(--ColorThemes2);
border: 1px solid var(--ColorThemes0);
box-shadow: var(--shadow-l1);
border-radius: 10px;
border-radius: calc(var(--border-radius) - 5px);
margin: 10px;
display: flex;
flex-direction: row;
@@ -105,13 +162,13 @@
}
#block-sheeps-list>.card-profile>.info>.text>h1 {
font-size: 16px;
font-size: var(--FontSize5);
color: var(--ColorThemes3);
font-weight: 400;
}
#block-sheeps-list>.card-profile>.info>.text>h2 {
font-size: 12px;
font-size: var(--FontSize1);
color: var(--ColorThemes3);
font-weight: 400;
opacity: 0.8;
@@ -128,12 +185,12 @@
#block-sheeps-list>.card-profile>.info>.access>b {
padding: 2px 5px;
border-radius: 5px;
border-radius: calc(var(--border-radius) - 10px);
background: var(--PrimaryColor);
color: var(--PrimaryColorText);
margin-right: 5px;
white-space: nowrap;
font-size: 13px;
font-size: var(--FontSize2);
height: 20px;
display: flex;
align-items: center;
@@ -190,11 +247,11 @@
justify-content: space-between;
background: var(--ColorThemes3);
margin: 0 0 10px 0;
border-radius: 10px;
border-radius: calc(var(--border-radius) - 5px);
}
#block-sheep-info>#sheep-editor>.header>h1 {
font-size: 16px;
font-size: var(--FontSize5);
font-weight: 400;
color: var(--ColorThemes0);
margin-left: 10px;
@@ -207,7 +264,7 @@
height: 30px;
background: var(--ColorThemes0);
margin-right: 5px;
border-radius: 8px;
border-radius: calc(var(--border-radius) - 5px - 3px);
align-items: center;
justify-content: center;
font-size: 30px;
@@ -237,27 +294,33 @@
#block-sheep-info>#sheep-editor>.editor-blocks-inputs label {
display: flex;
justify-content: center;
flex-direction: column;
font-size: 12px;
flex-direction: row;
font-size: var(--FontSize1);
font-weight: 500;
margin-bottom: 5px;
}
#block-sheep-info>#sheep-editor>.editor-blocks-inputs label>span {
opacity: 0.5;
margin-left: 5px;
}
#block-sheep-info>#sheep-editor>.editor-blocks-inputs input {
width: calc(100% - 10px);
min-width: 140px;
padding: 0 5px;
border-radius: 6px;
border-radius: calc(var(--border-radius) - 5px - 4px);
height: 30px;
background: var(--ColorThemes0);
color: var(--ColorThemes3);
font-size: var(--FontSize2);
}
#block-sheep-info>#sheep-editor>.editor-blocks-inputs select {
width: 100%;
min-width: 140px;
padding: 0 5px;
border-radius: 6px;
border-radius: calc(var(--border-radius) - 5px - 4px);
height: 30px;
background-color: var(--ColorThemes0);
color: var(--ColorThemes3);
@@ -267,9 +330,9 @@
display: flex;
width: calc(100% - 10px);
min-width: 140px;
font-size: 14px;
font-size: var(--FontSize3);
padding: 0 5px;
border-radius: 6px;
border-radius: calc(var(--border-radius) - 5px - 4px);
height: 30px;
background: var(--ColorThemes0);
color: var(--ColorThemes3);
@@ -289,14 +352,14 @@
display: flex;
justify-content: center;
flex-direction: column;
font-size: 12px;
font-size: var(--FontSize1);
font-weight: 500;
margin-bottom: 5px;
}
#block-sheep-info>#sheep-editor>.editor-blocks-checkbox>div {
background: var(--ColorThemes0);
border-radius: 6px;
border-radius: calc(var(--border-radius) - 5px - 4px);
width: calc(100% - 15px);
padding: 0 5px 0 10px;
}
@@ -304,7 +367,7 @@
#block-sheep-info>#sheep-editor>.editor-blocks-checkbox>div>.checkbox {
margin: 10px 0;
width: 100%;
font-size: 14px;
font-size: var(--FontSize3);
}
#block-sheep-info>#sheep-editor>.editor-blocks-checkbox>div>.checkbox>.custom-checkbox+label {
@@ -314,17 +377,18 @@
user-select: none;
flex-direction: row-reverse;
justify-content: space-between;
cursor: pointer;
}
#block-sheep-info>#sheep-editor>button {
border-radius: 6px;
border-radius: calc(var(--border-radius) - 5px - 4px);
background: var(--PrimaryColor);
color: var(--PrimaryColorText);
width: 100%;
height: 40px;
font-size: 14px;
font-size: var(--FontSize3);
font-weight: 400;
margin: 20px 0 0 0;
margin: 10px 0 0 0;
text-transform: uppercase;
}
@@ -332,7 +396,7 @@
width: 100%;
height: fit-content;
margin: 0 10px 15px;
border-radius: 15px;
border-radius: var(--border-radius);
display: flex;
flex-direction: column;
overflow: hidden;
@@ -366,11 +430,11 @@
justify-content: space-between;
background: var(--ColorThemes3);
margin: 0 0 10px 0;
border-radius: 10px;
border-radius: calc(var(--border-radius) - 5px);
}
#block-sheep-addeds>#sheep-addeds>.header>h1 {
font-size: 16px;
font-size: var(--FontSize5);
font-weight: 400;
color: var(--ColorThemes0);
margin-left: 10px;
@@ -383,7 +447,7 @@
height: 30px;
background: var(--ColorThemes0);
margin-right: 5px;
border-radius: 8px;
border-radius: calc(var(--border-radius) - 5px - 3px);
align-items: center;
justify-content: center;
font-size: 30px;
@@ -414,7 +478,7 @@
display: flex;
justify-content: center;
flex-direction: column;
font-size: 12px;
font-size: var(--FontSize1);
font-weight: 500;
margin-bottom: 5px;
}
@@ -423,34 +487,147 @@
width: calc(100% - 10px);
min-width: 140px;
padding: 0 5px;
border-radius: 6px;
border-radius: calc(var(--border-radius) - 5px - 4px);
height: 30px;
background: var(--ColorThemes0);
color: var(--ColorThemes3);
font-size: var(--FontSize2);
}
#block-sheep-addeds>#sheep-addeds>.addeds-blocks-inputs select {
width: 100%;
min-width: 140px;
padding: 0 5px;
border-radius: 6px;
border-radius: calc(var(--border-radius) - 5px - 4px);
height: 30px;
background-color: var(--ColorThemes0);
color: var(--ColorThemes3);
}
#block-sheep-addeds>#sheep-addeds>button {
border-radius: 6px;
border-radius: calc(var(--border-radius) - 5px - 4px);
background: var(--PrimaryColor);
color: var(--PrimaryColorText);
width: 100%;
height: 40px;
font-size: 14px;
font-size: var(--FontSize3);
font-weight: 400;
margin: 20px 0 0 0;
text-transform: uppercase;
}
#editor-blocks-territory {
border-radius: calc(var(--border-radius) - 5px - 4px);
width: 100%;
display: flex;
flex-direction: column;
align-items: stretch;
margin-top: 30px;
background: var(--ColorThemes0);
color: var(--ColorThemes3);
border: 1px solid var(--ColorThemes0);
box-shadow: var(--shadow-l1);
}
#editor-blocks-territory summary {
width: calc(100% - 40px);
cursor: pointer;
color: var(--ColorThemes3);
border-radius: var(--border-radius);
font-size: var(--FontSize3);
font-weight: 300;
padding: 20px;
position: relative;
}
#editor-blocks-territory>div {
width: calc(100% - 40px);
color: var(--ColorThemes3) #f3f3f3;
background-color: var(--ColorThemes2);
border: 1px solid var(--PrimaryColor);
box-shadow: var(--shadow-l1);
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 10px;
padding: 10px;
min-height: 100px;
justify-content: center;
position: relative;
border-radius: calc(var(--border-radius) - 5px - 6px);
}
#editor-blocks-territory>div>#title {
display: flex;
align-items: center;
height: 30px;
margin-bottom: 10px;
justify-content: space-between;
}
#editor-blocks-territory>div>#title>h1 {
width: 100%;
height: 30px;
background: var(--ColorThemes0);
color: var(--ColorThemes3);
border-radius: 6px;
font-size: var(--FontSize5);
font-weight: 400;
display: flex;
align-items: center;
justify-content: center;
}
#editor-blocks-territory>div>#title>a {
color: var(--ColorThemes0);
border-radius: 6px;
font-weight: 400;
opacity: 1;
min-height: 30px;
min-width: 30px;
padding: 0;
margin: 0 0 0 10px;
background: var(--PrimaryColor);
display: flex;
align-items: center;
justify-content: center;
}
#editor-blocks-territory>div>#title>a>svg {
width: 25px;
height: 25px;
fill: var(--PrimaryColorText);
}
#editor-blocks-territory>div>div {
display: flex;
margin-bottom: 10px;
flex-direction: row;
align-items: center;
width: 100%;
}
#editor-blocks-territory>div>div>h1 {
font-size: var(--FontSize3);
font-weight: 400;
color: var(--ColorThemes3);
}
#editor-blocks-territory>div>div>h2,
#editor-blocks-territory>div>div>a,
#editor-blocks-territory>div>div>p {
font-size: var(--FontSize3);
font-weight: 300;
color: var(--ColorThemes3);
opacity: 0.8;
margin: 0 7px;
display: flex;
align-items: flex-start;
}
@media (min-width: 1001px),
(min-height: 541px) {
@@ -470,6 +647,7 @@
display: none;
min-height: fit-content;
}
#block-sheep-info>#sheep-editor>.header {
display: flex;
}