text-editor-drcsystems
Version:
Text Editor Made with Love by DRC Systems
163 lines (157 loc) • 3.13 kB
CSS
/**
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
.ExcalidrawModal__overlay {
display: flex;
align-items: center;
position: fixed;
flex-direction: column;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
flex-grow: 0px;
flex-shrink: 1px;
z-index: 100;
background-color: rgba(40, 40, 40, 0.6);
}
.ExcalidrawModal__actions {
text-align: end;
position: absolute;
right: 5px;
top: 5px;
z-index: 1;
}
.ExcalidrawModal__actions button {
background-color: #fff;
border-radius: 5px;
}
.ExcalidrawModal__row {
position: relative;
padding: 40px 5px 5px;
width: 70vw;
height: 70vh;
border-radius: 8px;
box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1),
inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.ExcalidrawModal__row > div {
border-radius: 5px;
}
.ExcalidrawModal__modal {
position: relative;
z-index: 10;
top: 50px;
width: auto;
left: 0;
display: flex;
justify-content: center;
align-items: center;
border-radius: 8px;
background-color: #eee;
}
.ExcalidrawModal__discardModal {
margin-top: 60px;
text-align: center;
}
/**
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
.Modal__overlay {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
flex-direction: column;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: rgba(40, 40, 40, 0.6);
flex-grow: 0px;
flex-shrink: 1px;
z-index: 100;
}
.Modal__modal {
padding: 20px;
min-height: 100px;
min-width: 300px;
display: flex;
flex-grow: 0px;
background-color: #fff;
flex-direction: column;
position: relative;
box-shadow: 0 0 20px 0 #444;
border-radius: 10px;
}
.Modal__title {
color: #444;
margin: 0px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}
.Modal__closeButton {
border: 0px;
position: absolute;
right: 20px;
border-radius: 20px;
justify-content: center;
align-items: center;
display: flex;
width: 30px;
height: 30px;
text-align: center;
cursor: pointer;
background-color: #eee;
}
.Modal__closeButton:hover {
background-color: #ddd;
}
.Modal__content {
padding-top: 20px;
}
/**
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
.Button__root {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
border: 0px;
background-color: #eee;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
}
.Button__root:hover {
background-color: #ddd;
}
.Button__small {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 13px;
}
.Button__disabled {
cursor: not-allowed;
}
.Button__disabled:hover {
background-color: #eee;
}