Projekt

Allgemein

Profil

« Zurück | Weiter » 

Revision 9bace48d

Von Werner Hahn vor etwa 1 Monat hinzugefügt

  • ID 9bace48d098168de022afeb3a5c7767cc712418a
  • Vorgänger 6a559670

POS WIP

Unterschiede anzeigen:

css/design40/style.css
7951 7951 
/* ------------------------------------------------------------- */
7952 7952 
.pos_content {
7953 7953 
  display: grid;
7954 
  grid-column: repeat(12, 1fr);
7955 
  grid-template-rows: repeat(12, fr);
7956 
  grid-gap: 20px;
7954 
  grid-template-columns: repeat(16, 1fr);
7955 
  grid-template-rows: auto;
7956 
  grid-gap: 2px;
7957 7957 
}
7958 
.container_pos_right {
7959 
  display: grid;
7960 
  grid-column: 3 / 6;
7961 
  grid-row: 1 / 5;
7962 
  grid-template-columns: repeat(9, 1fr);
7963 
  grid-template-rows: repeat(6, fr);
7964 
  grid-gap: 10px;
7965 
  height: calc(50vh - 10px);
7966 
  justify-self: center;
7967 
  align-self: center;
7968 
}
7969 
.container_pos_left {
7970 
  display: grid;
7971 
  grid-column: 1 / 9;
7972 
  grid-row: 1 / 1;
7973 
  grid-template-columns: repeat(3, 1fr);
7974 
  grid-template-rows: repeat(6, fr);
7975 
  grid-gap: 10px;
7976 
  height: calc(50vh - 10px);
7977 
  justify-self: center;
7978 
  align-self: center;
7979 
}
7980 
.pos_button {
7958 
.input_cv {
7959 
  grid-column: 2/4;
7960 
  grid-row: 2/3;
7961 
}
7962 
.salesman {
7963 
  grid-column: 4/6;
7964 
  grid-row: 2/3;
7965 
}
7966 
.order {
7967 
  grid-column: 2/4;
7968 
  grid-row: 3/4;
7969 
}
7970 
.item_input {
7971 
  grid-column: 2/8;
7972 
  grid-row: 4/5;
7973 
}
7974 
.show_rows {
7975 
  grid-column: 1/8;
7976 
  grid-row: 5/12;
7977 
}
7978 
.pos_button1 {
7979 
  grid-column: 9/11;
7980 
  grid-row: 2/3;
7981 
  font-size: 1vi;
7982 
  font-weight: bold;
7983 
  display: flex;
7984 
  justify-content: center;
7985 
  align-items: center;
7986 
  cursor: pointer;
7987 
}
7988 
.pos_button2 {
7989 
  grid-column: 11/13;
7990 
  grid-row: 2/3;
7991 
  font-size: 1vi;
7992 
  font-weight: bold;
7993 
  display: flex;
7994 
  justify-content: center;
7995 
  align-items: center;
7996 
  cursor: pointer;
7997 
}
7998 
.pos_button3 {
7999 
  grid-column: 9/11;
8000 
  grid-row: 3/4;
7981 8001 
  font-size: 1vi;
7982 8002 
  font-weight: bold;
7983 8003 
  display: flex;
7984 8004 
  justify-content: center;
7985 8005 
  align-items: center;
8006 
  cursor: pointer;
7986 8007 
}
7987 
.pos_button:hover {
8008 
.pos_button4 {
8009 
  grid-column: 11/13;
8010 
  grid-row: 3/4;
8011 
  font-size: 1vi;
8012 
  font-weight: bold;
8013 
  display: flex;
8014 
  justify-content: center;
8015 
  align-items: center;
8016 
  cursor: pointer;
8017 
}
8018 
.pos_button5 {
8019 
  grid-column: 9/11;
8020 
  grid-row: 4/5;
8021 
  font-size: 1vi;
8022 
  font-weight: bold;
8023 
  display: flex;
8024 
  justify-content: center;
8025 
  align-items: center;
8026 
  cursor: pointer;
8027 
}
8028 
.pos_button6 {
8029 
  grid-column: 11/13;
8030 
  grid-row: 4/5;
8031 
  font-size: 1vi;
8032 
  font-weight: bold;
8033 
  display: flex;
8034 
  justify-content: center;
8035 
  align-items: center;
8036 
  cursor: pointer;
8037 
}
8038 
.pos_button7 {
8039 
  grid-column: 9/11;
8040 
  grid-row: 5/6;
8041 
  font-size: 1vi;
8042 
  font-weight: bold;
8043 
  display: flex;
8044 
  justify-content: center;
8045 
  align-items: center;
8046 
  cursor: pointer;
8047 
}
8048 
.pos_button8 {
8049 
  grid-column: 11/13;
8050 
  grid-row: 5/6;
8051 
  font-size: 1vi;
8052 
  font-weight: bold;
8053 
  display: flex;
8054 
  justify-content: center;
8055 
  align-items: center;
8056 
  cursor: pointer;
8057 
}
8058 
.pos_button9 {
8059 
  grid-column: 9/11;
8060 
  grid-row: 6/7;
8061 
  font-size: 1vi;
8062 
  font-weight: bold;
8063 
  display: flex;
8064 
  justify-content: center;
8065 
  align-items: center;
8066 
  cursor: pointer;
8067 
}
8068 
.pos_button10 {
8069 
  grid-column: 11/13;
8070 
  grid-row: 6/7;
8071 
  font-size: 1vi;
8072 
  font-weight: bold;
8073 
  display: flex;
8074 
  justify-content: center;
8075 
  align-items: center;
8076 
  cursor: pointer;
8077 
}
8078 
.pos_button11 {
8079 
  grid-column: 11/13;
8080 
  grid-row: 8/9;
8081 
  font-size: 1vi;
8082 
  font-weight: bold;
8083 
  display: flex;
8084 
  justify-content: center;
8085 
  align-items: center;
8086 
  cursor: pointer;
8087 
}
8088 
.pos_button12 {
8089 
  grid-column: 11/13;
8090 
  grid-row: 8/9;
8091 
  font-size: 1vi;
8092 
  font-weight: bold;
8093 
  display: flex;
8094 
  justify-content: center;
8095 
  align-items: center;
7988 8096 
  cursor: pointer;
7989 8097 
}
7990 8098 
/* ------------------------------------------------------------- */

Auch abrufbar als: Unified diff